好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3选择器(一)_html/css_WEB-ITnose

直接开始正文。

一、属性选择器

属性选择器就是根据元素的属性及属性值来选择元素,用好属性选择器可以让你的级别上升一个层次。

1、只根据属性选择元素

适用于希望选择有某个属性的元素,只关心属性不关心属性值。。

Note: 元素和方括号中间没有冒号,也不能有空格,方括号之间也不能有空格。

a、根据一个属性选择【E[Attr]】 :

*[title]{color:blue;}就可以给所以带title的元素设置样式。

a[href]{color:red;}只对有href的锚(a 元素)应用样式。

b、根据多个属性选择【E[Attr1][Attr2]】 :

a[href][title]{color: red;} 给同时由href和title属性的锚(a 元素)应用样式。

一个很实用的调试样式方法 :img[alt] {border: 5px solid red;}给所有带有alt属性的图像应用样式,从而突出显示这些有效的图像。该方法可以用来诊断图像是否确实有效。

根据属性选择器匹配元素时,这些属性可以是自定义的值,举例:

随便定义一个属性haha,给它随便赋值test,然后通过div[haha]这个属性选择器就可以匹配并添加样式。

 div[haha]{    background-color: green;} 

一个测试的div元素

查看更多关于css3选择器(一)_html/css_WEB-ITnose的详细内容...

  阅读:27次