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

是否有基于元素是否具有特定属性的css选择器?,css,magento,css-selectors,Css,Magento,Css Selectors,我正在使用Magento,它不允许在可视化编辑器中使用图像类;因此,我想对其进行编程,以便在图像具有属性float:left的情况下,自动将右边距应用于图像。。。反之亦然。如果不使用javascript,这是可能的吗?假设所有样式都放在外部样式表中,答案是“不使用javascript” 但是,如果您将该特定样式放在html(即内联样式)上,那么Kolink建议的方法就行了 无论如何,使用javascript(jQuery)有一个可能的解决方案: 如果你看不到小提琴,它是这样的: if (

我正在使用Magento,它不允许在可视化编辑器中使用图像类;因此,我想对其进行编程,以便在图像具有属性
float:left
的情况下,自动将右边距应用于图像。。。反之亦然。如果不使用javascript,这是可能的吗?

假设所有样式都放在外部样式表中,答案是“不使用javascript”

但是,如果您将该特定样式放在html(即内联样式)上,那么Kolink建议的方法就行了

无论如何,使用javascript(jQuery)有一个可能的解决方案:
如果你看不到小提琴,它是这样的:

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

假设所有样式都放在一个外部样式表中,答案是“不能没有javascript”

但是,如果您将该特定样式放在html(即内联样式)上,那么Kolink建议的方法就行了

无论如何,使用javascript(jQuery)有一个可能的解决方案:
如果你看不到小提琴,它是这样的:

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

如果它是
style
属性的一部分,那么请确保:
[style*='float:left']
如果它是
style
属性的一部分,那么请确保:
[style*='float:left']
不,除了在上扫描选择之外,没有基于CSS属性的选择器,毕竟是用CSS设置的

最简单的方法是在设置
float
属性的同一位置设置
marginright
属性

另见:


不,没有基于CSS属性的选择器,除了在上进行扫描选择-毕竟您使用CSS设置了它们

最简单的方法是在设置
float
属性的同一位置设置
marginright
属性

另见:


客户端在编辑器中的按钮未正确设置浮动。如果
浮动
是通过按钮设置的,则
右边距
也应通过相同的按钮设置。我知道,但不是。。。老实说,我不认为magento的编辑器在这方面很好——它所做的只是将图像左右浮动;边距可以正确地应用于整个图像,但这没有帮助。。。或者你知道一些我不知道的事情,因为如果这是可能的话那就太好了?例如,Wordpress这样做的方式非常理想,它不应用样式,而是应用一个类,如.alignright,这给了开发人员机会对类进行样式化。对不起,我完全忽略了,略读了您的问题,基本上阅读了“是否有基于元素是否具有特定属性的css选择器?如果你倾向于在你的所有图像上应用一个
float
,试着将它包含到你的样式表中。但是,我相信它不会出现在magento:/。是的,我知道你在说什么,但是当用户选择“右对齐”或“左对齐”时,magento会将这个float作为生成的内容应用“在编辑器中的图像上(在magento管理部分中)。。。所以我不能覆盖它,因为我确信它被编程到核心。他们这样做是愚蠢的,他们应该像Wordpress那样应用一个类,但是他们确实在编辑器中应用了float属性权限,因此没有什么可锁定的。客户端在编辑器中没有通过按钮正确设置float。如果
float
通过按钮设置,然后右边的
边距
也应该由相同的按钮设置。我知道,但它不是。。。老实说,我不认为magento的编辑器在这方面很好——它所做的只是将图像左右浮动;边距可以正确地应用于整个图像,但这没有帮助。。。或者你知道一些我不知道的事情,因为如果这是可能的话那就太好了?例如,Wordpress这样做的方式非常理想,它不应用样式,而是应用一个类,如.alignright,这给了开发人员机会对类进行样式化。对不起,我完全忽略了,略读了您的问题,基本上阅读了“是否有基于元素是否具有特定属性的css选择器?如果你倾向于在你的所有图像上应用一个
float
,试着将它包含到你的样式表中。但是,我相信它不会出现在magento:/。是的,我知道你在说什么,但是当用户选择“右对齐”或“左对齐”时,magento会将这个float作为生成的内容应用“在编辑器中的图像上(在magento管理部分中)。。。所以我不能覆盖它,因为我确信它被编程到核心。他们这样做很愚蠢,他们应该像Wordpress那样应用一个类,但是他们实际上在编辑器中应用了float属性权限,所以没有什么可依赖的。是的,这一个很好用--我还不能在Magento中使用它,但这是另一个问题,我稍后会解决,所以cheers.NB需要注意的是
[style*='float:left']
[style*='float:left']
是不同的(请注意空格)。。。很明显,但也很容易花一个小时把头发扯下来。(这是我的Magento问题,因为Magento正在生成
float:left
而不是
float:left
)是的,这一个工作正常——我还没能在Magento中工作,但这是另一个问题,我稍后会解决,所以干杯。注意点是
[style*='float:left]
[style*='float:left']
是不同的(注意空格)…很明显,但也很容易花一个小时把头发撕下来。(这是我的Magento问题,因为Magento正在生成
float:left
而不是
float:left