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 条留言

我要留言
(必填)
(必填,绝不公开)