码迷,mamicode.com
首页 > Web开发 > 详细

HTML之选择器

时间:2017-03-11 13:56:38      阅读:817      评论:0      收藏:0      [点我收藏+]

标签:选择器   css选择器   通配符   hover   imp   let   height   amp   :hover   

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之选择器

标签:选择器   css选择器   通配符   hover   imp   let   height   amp   :hover   

原文地址:http://www.cnblogs.com/lsh1234/p/6534738.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!