现在的位置: 首页 > 综合 > 正文

CSS选择器

2013年10月11日 ⁄ 综合 ⁄ 共 4037字 ⁄ 字号 评论关闭

      我们这个学期学习了网站设计。。。当然这完全是一门可有可无的课(学生说不知道老师教了什么,老师太凶残了,尽然说自己都不知道教了什么。。。完全无语)。。。还好自己有看《head first html & xhtml with css》,这是一本非常不错的html入门书籍。。。在附录中看到了关于css的属性选择器,发现有一个讲的不是很清楚,于是上网查了查,发现属性选择器还是蛮有趣的,跟大家一起分享一下。。。大家可以把代码自己复制后打开看看。

 

 

1.ele[att] { ... }

对拥有att属性的ele元素设置css

 

 

 

2.ele[att="value"] { ... }

对拥有属性att并且值为value的ele元素设置css

 

 

 

3.ele[att^="value"] { ... }

对拥有属性att并且值为以“value”开头的ele元素设置css

 

 

4.ele[att$="value"] { ... }

对拥有属性att并且值为以“value”结尾的ele元素设置css

 

 

 

5.ele[att~="value"] { ... }

对拥有属性att并且值有空格间隔开其中包含“value”的ele元素设置css,例如“a b value”

 

 

 

6.ele[att|="value"] { ... }

对拥有属性att并且值为以“value”开头并且由连字符链接的ele元素设置css

(多用于lang的设置),例如(en,en-US,zh-CN,zh-TW)。

也可以视为以“value”或“value-”开头的ele元素

 

 

 

7.ele[att*="value"] { ... }

对拥有属性att并且只要值中拥有“value”的ele元素设置css

 

 

抱歉!评论已关闭.