css的选择符
1.属性选择符
例子:
<br/>img [alt]<br/> {<br/> border:#dcdcdc solid 1px;<br/> }<br/>
所有图片 带有alt属性的都会有1像素的灰色边框.
<br/>a [title]<br/> {<br/> color:#C00;<br/> }<br/>
所有a链接 带有title属性的都是红色的.
同样能够给予属性的内容来格式化一个元素:
<br/>p [class="aaa"]<br/> {<br/> font-weight:bold;<br/> text-transform:uppercase;<br/> }<br/>
<br/> <p class="aaa">你好啊,这个是测试的.hello this is test</p><br/>
2.子对象选择符
是指所给元素的直属子对象.
<br/>div > a<br/> {color:#C00;}<br/>
这个规则只会影响div直属的子元素a ,不是其他子对象的子对象。
3.相邻选择符
相邻选择符有+连接符分割的选择符组成。
例如:
<br/>h2+p {font-size:100px;}<br/>
上面的规则如果应用下面的内容的话,则只会应该第一段:
<br/> <h2>你好</h2><br/> <p>上面的样式只会定义第一段</p><br/> <p>第二段不会应用</p><br/> <p>第三段不会应用</p><br/>
4.以及伪类和伪对象
(1)伪类:frist-child 将匹配一个元素的第一个子对象。
<br/> div.news p:frist-child {font-weight:blod; font-size:120%;}<br/>
上面的规则将格式化新闻的第一个
元素。
动态伪类:focus 将应用于那些获得焦点的对象。
input [type=text]:focus {color:#000; background-color:#FFC;}
伪类:lang 可以格式化特定语言。
(2)伪对象:frist-line 将以段落的第一行为目标。
<br/> p:frist-line {font-size:150%;}<br/>
伪对象:frist-letter 将以段落的第一字母有或者数字为目标。
<br/> p:frist-line {font-size:150%;}<br/>
0 条留言
我要留言