[css] 헷갈리는 css selector 모음

이제는 이정도는 외우자고요 *^o^*

누가 css강의좀 해줘요,,,

 

.name1.name2

• name1도있고 name2도있는

 

.name1 .name2

• name1 하위에 name2가 있는

 

element,element

• element랑 element
• or조건

 

element>element

• element바로밑에 element

 

:active

• active상태인것
• a:active - active상태인 link

 

::after

• 뒤에 뭔가 함
• p::after - 모든 p 뒤에 뭔가 함

 

:not(element)

• :not(p)
• p가 아닌 element들

 

:checked

:disabled

• check된 element들
• disabled인 element들
• 등 엄청 많으니 reference참조

 

참고

https://www.w3schools.com/cssref/css_selectors.php

CSS Selectors Reference