タグ付けされた質問 「css-selectors」

次のようなCSSセレクターがあるレスポンシブメールテンプレートの例を見つけました。 a[class="btn"] これが完全に同じである場合、なぜこの構文が使用されるのですか？ a.btn モバイルブラウザなどに影響はありますか？

86 css  css-selectors 

nth-childセレクターを使用して、を使用して3つのdivをラップすることは可能.wrapAllですか？私は正しい方程式を解くことができないようです。 そう... <div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> になる... <div> <div class="new"> <div></div> <div></div> <div></div> </div> <div class="new"> <div></div> <div></div> <div></div> </div> </div>

85 jquery  css-selectors  wrapall 

おそらくすでにご存知のように、スペースで区切られた要素に複数のクラスがある場合があります。 例 <div class="content main"></div> そしてCSSを使用するdivと、.contentまたはのいずれかでそれをターゲットにできます.main。両方のクラスが存在する場合にのみ、それをターゲットにする方法はありますか？ 例 <div class="content main">I want this div</div> <div class="content">I don't care about this one</div> <div class="main">I don't want this</div> 最初のものdivだけを取得するためにどのCSSセレクターを使用しますか（使用できないなどと仮定し.content:first-childます）？

85 css  css-selectors 

要素の最後の5つの子divを選択することは可能ですか？

84 jquery  css-selectors 

jQueryの追加を使用して要素を追加するためのより簡単で迅速な方法はありますか？ $ selectors要素を取得する方法： $container.append('<div class="selectors"></div>'); var $selectors = $('.selectors', $container); 私は試した： var $selectors = $container.append('<div class="selectors"></div>'); しかしそれは$ selectors = $ containerになります 多分それが最も速く/最良の方法です。チェックしてるだけ。

82 jquery  css-selectors  append 

タグcode内にない要素のスタイルを設定したいa。 これを達成するための最良のアプローチは何ですか？ code:not(a code)少なくともChromeでは、動作するはずのように見えても、まったく動作しないようです。 コンソールからも動作させることができません。 これに使用できる他のCSSのみのアプローチはありますか？

81 css  css-selectors 

4つの色のセットがあり、それらをネストされたdivに適用したいので、次の子はそれぞれ異なる色になります。ネストの5番目のレベルがある場合は、最初の色からやり直し、ネストのレベルが無限に深くても、これを継続したいと考えています。これはCSSセレクターのみで実行でき、JavaScriptを回避できますか？ 私は現在、次のコードで行き詰まっています-ご覧のとおり、ピンクが4番目以降すべてのネストされたdivに適用され続けます。 div { border: 1px solid black; font-weight: bold; padding: 30px; } div { color: red; } div>div { color: blue; } div>div>div { color: green; } div>div>div>div { color: pink; } <div> 1 <div> 2 <div> 3 <div> 4 <div> 1 <div> 2 <div> 3 <div> 4 </div> …

8 html  css  css-selectors