在内联样式中使用属性选择器

时间:2014-07-29 14:35:18

标签: html css html5 css3

在工作中我们使用CMS。我需要使用属性选择器,但是,因此,无法访问头部。我尝试使用内联样式解决问题。这是我的(简化)HTML:

<div>
    <style type="text/css" scoped>

        a[href*="test"] { background: #000000;}

    </style>

    <a href="www.test.de">Test</a>
    <a href="www.nothing.de">Nothing</a>

</div>

我预计第一个链接会获得黑色背景 - 但没有任何改变(使用IE10测试)。如示例中所示,我还尝试使用“scoped”关键字强制它...这也不起作用。当您用

替换属性选择器时
a { background: #000000;}

它适用于所有超链接。我是否认为在使用内联样式时我不能使用属性选择器?或者是否有人可以展示如何完成任务?

1 个答案:

答案 0 :(得分:0)

感谢所有帮助。我试图实现的目标应该有效。问题不是HTML或CSS ......它是IE。现在,我意识到这种行为,我也搜索了它。我在搜索之前遇到过类似的问题。有关进一步说明,请参阅this,例如。