文章目录

1. 1. 7个CSS属性选择器
2. 2. 对比
3. 3. 更多

7个CSS属性选择器

CSS 的属性选择器：在 CSS 中，用指定的属性去选择 HTML 元素。

[href] //带有指定属性的元素
[type=text] //指定属性=指定值
	
[id*=mohe]  //包含指定值，字符串的包含
[class~=g-mohe] //属性值中包含指定值，且值是完整的单词
	
[class|=mohe]  //以指定值开头，且值必须是整个单词 or 以它为前缀(后跟连字符-)的元素
	
[id^=mh] //以指定值开头
[id$=mh]  //以指定值结尾

对比

与 jQuery属性选择器 对比，两点不同：

1. jQuery自己加了 [attr!=value]
2. 浏览器兼容性
   CSS属性选择器，有坑：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。
   jQuery 中的已被处理过，可放心地去用。

相似之处：

1. 其余6个的含义都一样 【已测试，棒棒哒】
2. 属性值的是否带引号
   一般来讲，CSS中不带，jQuery中带。但，实际上二者等价，在这两种上下文环境中都可加可不加。
   然而，我个人还是习惯都加引号。无它，只是看起来舒服些，更像“字符串”。

更多

ToDo:CSS选择器
1.一览表，及各自分别属于谁（CSS1，CSS2，CSS3）
2.多应用，多踩坑咯：那个，平时用属性选择器用的不多哎….以后多用用

其他：
CSS1-2-3：http://www.w3school.com.cn/cssref/css_selectors.asp
笔记类：http://www.ruanyifeng.com/blog/2009/03/css_selectors.html
IE7浏览器下CSS属性选择器二三事：http://www.zhangxinxu.com/wordpress/2015/06/ie7-attribute-css-selector/