消息关闭
    暂无新消息!

css3 属性选择器 语法不生效

问题作者 : 无奈2017-08-10发布

对css3的属性选择器写法不是很熟,这是去 W3C 找的写法并运用到我的代码中,但是毫无效果,class中前缀为 pc- 的对该代码一点反应都没有,特来求助各位大神

这是效果图


7个回答

︿ 1

建议用class 的*=

CSS3中新增了3个选择器:
E[attr^="value"]——属性值以value开头
E[attr$="value"]——属性值以value结尾
E[attr*="value"]——属性值包含value

︿ 1

亲自试了一下,[class^='..']不生效的根本原因是,里面是'class'。如果用其他的,比如[src^='...'],是没问题的。

︿ 0

测试你的选择器写法是完全准确无误的:

<!DOCTYPE html>
<html>
<head>
<style> 
[class^="test"]
{
background:#ffff00;
}
</style>
</head>
<body>

<div class="first_test">The first div element.</div>
<div class="second">The second div element.</div>
<div class="test">The third div element.</div>
<p class="test">This is some text in a paragraph.</p>

</body>
</html>

那么你的问题可能出现在 @media ;

你试试把 max-widthmin-widh 交换下位置