본문 바로가기

HTML/DAY 29 _ 23.10.04

Selector2

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">

        <style>
            /* class 선택자 */

            .font-red{
                color: red;
            }

            .big-font{
                font-size: 50px;
            }

        </style>


    </head>

    <body>
        <ul>
            <li class="font-red">안녀어어엉</li>
            <li class="big-font">안녀어어엉</li>
            <li>안녀어어엉</li>
            <li>안녀어어엉</li>
            <li class="font-red big-font">안녀어어엉</li> <br>
            -> 콤마없이 쓰면 두개의 클래스를 적용시킬 수 있다!
        </ul>

    </body>

</html>

 


## 결과

  • 안녀어어엉
  • 안녀어어엉
  • 안녀어어엉
  • 안녀어어엉
  • 안녀어어엉

  • -> 콤마없이 쓰면 두개의 클래스를 적용시킬 수 있다!

 

'HTML > DAY 29 _ 23.10.04' 카테고리의 다른 글

Box Model3  (0) 2023.10.04
Box Model2  (0) 2023.10.04
CSS Basic  (1) 2023.10.04
Box Model  (0) 2023.10.04
Selector  (0) 2023.10.04