选择具有特定风格的元素？

Question

是否可以使用CSS选择具有特定风格的元素？ 喜欢...所有img都有style="position:fixed;"

我的意思是 - 根据他们的风格而不是课堂或身份来选择元素。

Answer 1

我实际上使用那个：

[style~="position:fixed;"]{
  /* whatever */
}

参见解释here

因此它会捕获所有在其样式中具有position:fixed;的元素（因为它们也可能具有其他样式属性）

但是如果HTML中没有写入position属性，则选择器不会选择它们。你将不得不使用JQuery。阅读here

Answer 2

您可以使用

div[style="position:fixed;"] {
    color:red;
}

选择所有这样的元素

<div style="position:fixed;">
</div>

但要小心，你必须将语句style="position:fixed;"完全按照这种方式进入你的选择器。即使您省略;或添加空格（position: fixed），也不会再导致您想要的结果。

Answer 3

您可以使用属性选择器：

[style="position:fixed;"]{
  /* whatever */
}

以下是演示：http://codepen.io/anon/pen/EvfDi

如果你想用style ='position：anything'选择每个元素，我会看一下css3属性选择器的w3c规范：http://www.w3.org/TR/css3-selectors/#attribute-selectors