css选择器
css选择器主要包括
一、全局选择器
*{margin:0px;padding:0px;border:0px; }
一般用于统一和初始化工作
二、标记选择器
body{} div{} p{}a{}用的比较少吧,因为一旦确定,所有页面的样式都按照这个样式进行。但是超链接还是用的比较多的。
三、类选择器
.Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}本选择器应该是用的最多的选择器,因为其可以多次用,和类的作用相似:一次定义可以多次使用,也许这就是为什么要类选择器的原因吧。
四、ID选择器#Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}一般用在特殊的元素上,防止与其他选择器发生冲突。
五、分组选择器
div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }分组选择器主要用于多个对象共用相同的样式,以减少不必要的字节和简化代码,定义时用逗号隔开。
六、包含选择器主要用于父元素下面的子元素的样式用空格隔开,如上面的ul就是div.menu 的子元素,li是ul的子元素
七、相邻选择器
div+p{font-size:20px;color:red;font-weight:bold;}上面代码定义了所有div对象之后的p对象都有该样式。
八、子选择器.test>strong{color:red}
应用于父对象下的子元素
九、属性选择器
比较复杂,在此不介绍
十、伪类选择器
可以看成特殊的类选择器,最大作用是可以用于连接的不同状态的样式定义。
a:link{} a:visited{} a:hover{} a:active{}在vs2010上实现智能提示ctr+j 就能实现css的提示了