IT

[CSS] 클래스, ID 선택자 CSS 지정방법

멋진 선배 2025. 4. 18. 12:44
반응형

클래스 속성 선택시 : .클래스

.클래스명

 

 

ID 속성 선택시 : #ID

#ID명

 

자식태그 선택시

<body>
	<div class="header">
    	<p> Pick This </p>
        <p> Pick This </p>
    </div>
    <div class="selection">
    	<p> Do not Pick this </p>
        <p> Do not Pick this </p>
    </div>
 </body>
 
 <!-- 이렇게 작성된 코드의 자식선택자의속성을 변경하고 싶을때 -->
 
 .header > p {font-size : 30px;}
 
 <!-- 이렇게 지정하면 <p> 테그의 속성이 모두 변경이 된다. -->
반응형

'IT' 카테고리의 다른 글

[CSS] 클래스, ID 선택자 CSS 지정방법  (0) 2025.04.18