css - 要素に特定のプロパティがあるかどうかに基づく css セレクターはありますか?

Question

ビジュアルエディターで画像のクラスを許可しないMagentoを使用しています。そのため、画像にプロパティがある場合、画像に右マージンを自動的に適用するようにプログラムしたいと思いますfloat:left...そしてその逆も同様です。これはJavaScriptを使わなくても可能ですか？

Answer 1

styleそれが属性の一部である場合は、次のことを確認してください。[style*='float:left']

Answer 2

いいえ、スタイル属性でのスキャン選択を除いて、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'
        });
    }