十月
15
类型选择器(元素选择权,简单选择器),如p
后代选择器,如#id p
以上两种选择器最为常见,适用于应用范围广的一般样式。
ID选择器——HTML中用id=,CSS中用#id
类选择器——HTML中用class=,CSS中用.class
"类型选择器,后代选择器,ID选择器,类选择器"的组合选择器。
所有以上选择器都是很普遍和易懂的,我想最重要的是后代选择器和以上其它的选择器混合来给文档应用样式。
下面的就不是很常见的了:
通用选择器:*{ }(如:div * {border:1px solid red})
伪类选择器:
(使用时直接在其他选择器的后面以一个冒号开始,如p:hover我们常常见到的是a:hover但令我们高兴的是,其实可以应用与任何元素。注意:IE6忽略了:focus)
链接伪类选择器
:link
:visited
动态伪类选择器
:hover
:active
:focus
高级选择器:
CSS2中这些有用的选择器,对于IE6及更低级的版本不支持,造成的问题是:如果浏览器不认识这种选择器,就会忽略规则,所以不用担心。现在的IE7已经支持了!
子选择器(知道后代与儿子的区别就行。例:#title>p {pdding:0})
相邻同胞选择器(例:#fsdl+p {color:red;},前提为在同一个父元素下,id为fsdl的元素紧跟的元素(p)的字体为红色。)
属性选择器(例:a[title] {border:1px solid red;}对具有title属性的链接元素应用此样式。例:a[border="1"] {color:red;}对border属性值为1的链接应用此样式。)
订阅评论
发表评论