首页 > 代码库 > HTML之选择器

HTML之选择器

1.并列选择器(相当于"或")

例如:div,.height{color:red}

 

2复合选择器(相当于"&")

例如:  #sss.height{color:red}

 

3.后代选择器(父子,爷孙关系)

例如:  div p{color:red}

 

4.直接后代选择器(父子关系)

例如:  div p{color:red}

 

5.相邻兄弟选择器 (就近原则,从上之下)

 

 

6.属性选择器

例如:  div(name)单属性

         p[name][age]

         p[name="jack"]

 

7.css选择器(伪类)

:focus

:hover

:link

 

8.伪元素

:first letter

:first-line

:before

:after

 

二.选择器的优先级

*(通配符)-->标签选择器-->类选择器(两个类一样:就近原则处理)-->id选择器-->内联-->important

 

HTML之选择器