본문 바로가기
HTML CSS

dl, dt, dd 태그 사용 시 css를 먹히고 싶을 때 바꿀 수 잇는 방법

by sj0020 2021. 8. 16.

dl 태그 내부에는 dt와 dd 만 올 수 있고 이외의 태그는 넣지 못한다.

그런데 만약 내부의 css를 수정하고 싶다면 어떻게 해야되느냐? (예를들어 하나의 dt dd 묶음에 div를 주ㅓ서  css 를 주고싶다고 칠 때 !)

아래처럼 dl 태그 말고 li dfn p 태그를 쓰는걸로 바꾸면 된다.

<body> 
  <dl>
    <dt>Coffee</dt>
    <dd>Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species.</dd>
    <dt>Milk</dt>
    <dd>Milk is a nutrient-rich, white liquid food produced by the mammary glands of mammals.</dd>
  </dl>

  <ul>
    <li>
        <!-- definition 태그 -->
        <dfn>
          Coffee
        </dfn>
        <p>Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species.</p>
    </li>
  </ul>

</body>

'HTML CSS' 카테고리의 다른 글

<br> 줄바꿈 태그  (0) 2021.08.21
<a>  (0) 2021.08.18
기본구조: header main footer  (0) 2021.08.16
header, body  (0) 2021.08.14
span tag 공백  (0) 2021.08.14