CSS selector 종속 선택자

css에서 가장 기본이 되고 중요한 selector(선택자)

선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자

 

종속 선택자

-타입 선택자와 id선택자(#) class선택자(.)가 혼합된 형태

 

ex) 

/* 종속 선택자 */
1.
li.acls01{
    background-color: green;
}

2.
li.acls02#sidli{
    font-size: 40px;
}

 

해석
1.

<li>태그의 종속클래스인 acls01을 선택하여 배경 green 적용
2.

<li>태그의 종속클래스인 acls02의 id값 sidli를 선택하여 폰트 크기 40px 적용