非html属性的CSS选择器

时间:2012-03-15 03:54:40

标签: html css css-selectors

我知道标准的html属性有CSS选择器: span[class="example"]

但我想知道是否有CSS属性的选择器,例如 span[background-image]

更新
在阅读了目前为止的一些评论和答案后,我最好给出这种“奇怪”需求的理由。我想找到所有将background-image设置为undefined / empty以外的任何元素的元素,以便将样式应用于它们。假设我无法控制现有的内联/全局样式,只能添加我自己的全局样式表。

3 个答案:

答案 0 :(得分:1)

您可以检查内联样式:

span[style*="background-image"]​{}​

Demo

答案 1 :(得分:0)

尝试使用内联css方法。

span[style="background-image:url('YourImagePAth')]

答案 2 :(得分:0)

没有

浏览器查询的规则太昂贵了。由于您最有可能在其他css类中设置背景图像,因此明确定位它们会非常简单(同样,不是使用 span [class =“example”] ,而是 span .example 代替)

此外,正如您在其他答案的评论中所述,类型规则

span[style*="background-image"]​{}​

只适用于内联样式,如果您按照这样的价值查找它们,那么您就会陷入噩梦

span[style*="background-image: url(potato.png)"]​{}​

背景设置是明确设置还是通过简写属性设置,如背景:#fff url(potato.png); 我是否在那里输入空格?资本化,也许是 .PNG