14.9.7 CSS E[att*=val] 属性值子串选择符

E[att*=val] -- CSS E[att*=val] 属性值子串选择符,匹配文档中具有att属性且其包含val的E元素
  • 语法: E[att*=val]
    • E -- 元素
    • att -- 属性
    • val -- 属性值
  • 引用网址:http://www.dreamdu.com/css/selector_attribute_values_substring/
  • 说明:
    • 匹配文档中元素具有属性att,且其值包含val的元素,例如a[href*=".php"]选择符,表示具有href属性且值包含.php的a元素
    • 属性值必须是CSS标示符或字符串
  • att,是attribute的缩写,中文"属性"。val,是value的缩写,中文"值"

猴子推荐: 如果字符串A是字符串B的一部分,我们将A称为B的子串。CSS属性子串选择符可以通过一个字符串是否出现在另一个字符串前面、后面或之间的任意部分匹配样式

示例

a[href*=".html"]
{
	color:red;
}

a[href*=".php"]
{
	color:green;
}

a[href*=".jsp"]
{
	color:blue;
}
<a href="http://www.dreamdu.com/css.html?id=1&name=www">梦之都红色字体</a>
<a href="http://www.dreamdu.com/css.php?id=2&name=dreamdu">梦之都绿色字体</a>
<a href="http://www.dreamdu.com/css.jsp?id=3&name=com">梦之都蓝色字体</a>

由于多数动态网页的网址后都有参数,因此可以使用[att*=val]匹配动态网页的样式

CSS E[att*=val] 属性值子串选择符示例 -- 可以尝试编辑

浏览器兼容性

CSS E[att*=val] 属性值子串选择符浏览器兼容性
选择符 IE6 IE7 IE8 IE9 FF CH OP SA
E[att*=val] no yes yes yes yes yes yes yes


  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都