直接开始正文。

一、属性选择器

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

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]这个属性选择器就可以匹配并添加样式。

<style>div[haha]{  background-color: green;}</style><div haha="test">一个测试的div元素</div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：css3选择器（一）

关键词：CSS