강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

rty1532님의 프로필 이미지
rty1532

작성한 질문수

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

7. CSS 서식관련 속성(목록 스타일)

목록서식 선택자를 태그선택자로 하면 원래 먹히지가 않나요?

해결된 질문

작성

·

309

1

혹시 이렇게 해도 되나? 싶어서 아래와 같이 클래스 선택자가 아니라 태그 선택자를 해봤거든요. 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <ul class="menu">

        <li>menu1</li>

        <li>menu2</li>

        <li>menu3</li>

        <li>menu4</li>

    </ul>

</body>

</html>

원래 위에 같은 경우에 ol과 menu에서 선생님 께서는 css 스타일에서 .menu로 해서 목록스타일을 변경하셨잖아요. 그런데 저는 .menu로 안하고 태그 선택자인 ol로 목록스타일을 변경해서 아래 css 방식으로 해봤는데 안되더라구요.. 원래 태그선택자로는 안되는 건가요?

ol {

    list-style:none;

}

답변 3

1

송자바TV 님~ 대신 답변 감사합니다.^^

그런데 html 본가 ul로 하셨던데 태그 선택자로 하실거면 ul로 하셔야 합니다. ol 이 아니라..

그리고 <html lang="en">  는 <html lang="ko">로 해주세요.

1

지나가다가 댓글을 남겨요.

ul, ol은 li 상위 태그입니다.

li 는 아이템/목록 등을 표현할때 쓰는 태그 정도라고 보시면됩니다.

그러므로 list-style은 li 에다가 줘야 되겠죠??

ul li {

   list-style: none;

}

위처럼 주시면 css가 먹을거에요

해석하자면

ol 하위 li 태그에 list-style을 none 한다는 정도입니다.

태그 선택자로도 css를 줄 수 있습니다.

0

넵 수정했습니다.

텍스트 답변달려다보니 오타가 있었네요

rty1532님의 프로필 이미지
rty1532

작성한 질문수

질문하기