css的选则器（2）
今天继续讲css的选择器。上篇讲了css的简单选择器。包括标签选择器，class选择器，id选择器以及通配选择器*。今天我们来学习新的选择器。
一般情况下，简单选择器基本能够满足日常开发的需求了。但是，学习后面的选择器，能够让我们多点选择，有些地方能够让代码变的更加简洁。同时一些特殊需求，通过后面的这些选择器学习，能够轻易实现。
属性选择器
属性选择器就是根据html标签的属性和属性值来指定css代码生效的区域。就像人的一些特点一样。我们还是用人来打比方吧。比如说冬天小强要出门去上学，他妈妈觉得他的头发太短，说：“小强，把帽子戴在头上再出门。”而小强的爸爸则是个暴脾气，看见小强没戴帽子，直接对他说“儿子，把帽子戴在有头发的地方”。看到了吗？小强妈妈用的是标签选择器——头，而他的爸爸用的则是属性选择器——‘有头发的地方’。
属性选择器的具体实现方式如下：在一个方括号内，前面是某个属性，后面是属性的值，如[attr=val]。
还是用人来举例子[手指=‘大拇指’]。
属性选择器的三种状态：
所有具有该属性的元素。
如：html代码1
2
3<div just>我有一个属性just</div>
<div just='chun'>我有一个属性just，且值为chun</div>
<div just='chun ge'>我有一个属性just，他有两个值chun和ge</div>css代码
1
2
3
4[just]{
font-size: 50px;
color: #e72286;
}上面的样式就会在所有的具有just属性的标签内起作用，示例请点击属性选择器之选择所有具有该属性的标签让css代码起作用。如果点击不起作用，请复制链接到浏览器打开http://blog.wuhoushu.com/selector/attr.html
具有该属性值且属性值仅为特定值
这个要求比较严一点，首先你得有属性值，同时该属性还得具有一个值，且这个值是这个属性仅有的一个值。
如：html代码1
2
3<div just>我有一个属性just</div>
<div just='chun'>我有一个属性just，且值为chun</div>
<div just='chun ge'>我有一个属性just，他有两个值chun和ge</div>
css代码1
2
3
4[just='chun']{
font-size: 50px;
color: #e72286;
}
上面的样式，只在具有just属性，且just属性值仅为春时起作用。而属性值不仅有chun，还有ge的和仅仅只有just属性而没有值的就不起作用。示例代码请看属性选择器之选择所有具有该属性的标签让css代码起作用。如果点击不起作用，请复制链接到浏览器打开http://blog.wuhoushu.com/selector/attr.html
- 具有该属性且属性值中含有特定值。
这个的要求虽然也比较严，但是和上一个相比，就宽松很多。有句歌词怎么唱来着，我的要求并不多，你的心里有他也关系，只要还有我就可以。说的就是现在这种状态。只要html标签有某个属性，不管你的属性值有几个，只要有一个符合要求就行。继续举例子。
如：html代码css代码1
2
3<div just>我有一个属性just</div>
<div just='chun'>我有一个属性just，且值为chun</div>
<div just='chun ge'>我有一个属性just，他有两个值chun和ge</div>在这个样式中，只要是属性含有chun的，都会起作用。示例请看属性选择器之选择所有具有该属性的标签让css代码起作用。如果点击不起作用，请复制链接到浏览器打开http://blog.wuhoushu.com/selector/attr.html1
2
3
4[just～='chun']{
font-size: 50px;
color: #e72286;
} - 伪正则属性匹配
[attr|=val] : 选择attr属性的值是 val 或值以 val- 开头的元素（注意，这里的 “-” 不是一个错误，这是用来处理语言编码的）。
[attr^=val] : 选择attr属性的值以 val 开头（包括 val）的元素。
[attr$=val] : 选择attr属性的值以 val 结尾（包括 val）的元素。
[attr*=val] : 选择attr属性的值中包含子字符串 val 的元素（一个子字符串就是一个字符串的一部分而已，例如，”cat“ 是 字符串 ”caterpillar“ 的子字符串）。
每天写到最后都不想举例子。这个留作互动用，有人留言我就写例子。哈哈哈