是否有基于元素是否具有特定属性的css选择器？

Question

我正在使用Magento，它不允许在可视化编辑器中对图像进行分类;所以我想对它进行编程以自动将右边距应用于图像如果图像具有属性float:left ...反之亦然。这可能不使用javascript吗？

Answer 1

如果它属于style属性，请确保：[style*='float:left']

Answer 2

不，除了在style attribute上扫描选择之外，没有基于CSS属性的选择器 - 毕竟你用CSS设置它们。

最简单的方法是将margin-right属性设置在您设置float属性的相同位置。

另见：

• http://www.w3.org/TR/selectors/#selectors
• http://dev.w3.org/csswg/selectors4/#overview

Answer 3

假设您的所有样式都放在外部样式表中，答案是“不是没有javascript”。

但是，如果您将该特定样式放在html（内联样式）上，那么Kolink建议的那样可以正常工作。

无论如何，使用javascript（jQuery）这里是一个可能的解决方案：http://jsfiddle.net/joplomacedo/TECWM/
如果你看不到小提琴，那就是这样的：

    if (el.css('float') === 'left') {
        el.css({
            'margin-left': '50px'
        });
    }