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

いくつかのcssを入力要素に適用したいのですが、無効にせず、送信タイプではない入力にのみ適用したいのですが、以下のcssが機能していません。 input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

ユーザー名がであるクラス名の要素にマウスを置いたときに、背景色を適用しようとしています"reMode_hover"。 要素があればしかし、私は色を変更したくないもあり"reMode_selected" 注：私はJavaScriptでなくCSSのみを使用できます。これは、ある種の限られた環境で作業しているためです。 明確にするために、私の目標は、ホバーの最初の要素に色を付けることですが、2番目の要素には色を付けません。 HTML <a href="" title="Design" class="reMode_design reMode_hover"> <span>Design</span> </a> <a href="" title="Design" class="reMode_design reMode_hover reMode_selected"> <span>Design</span> </a> 最初の定義が機能することを期待して以下を試しましたが、機能しません。何が悪いのですか？ CSS /* do not apply background-color so leave this empty */ .reMode_selected .reMode_hover:hover { } .reMode_hover:hover { background-color: #f0ac00; }

137 html  css  css-selectors 

クラスのスタイルをtdタグの1レベルのみに適用する方法はありますか？ <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

：last-childについてはすでに知っています。しかし、divを選択する方法はありますか： <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> 注：jQueryなし、CSSのみ

135 html  css  css-selectors 

CSS 2.1 :afterとCSS 3の::after疑似セレクター（::after以前のブラウザーではサポートされていないものを除く）の間に機能的な違いはありますか？新しい仕様を使用する実用的な理由はありますか？

133 css  css-selectors  pseudo-element  pseudo-class 

Наэтотвопросестьответына スタックオーバーフローнарусском：Какпрописать：ホバーвнутриスタイル=」「？ インラインスタイルを使用して疑似クラスを持つことは可能ですか？ 例： <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> 上記のHTMLが機能しないことはわかっていますが、似たようなものはありますか？ PS私は外部スタイルシートを使用する必要があることを知っています。インラインスタイルを使用してこれを行うことができるかどうかだけ私は気になりました。

131 html  css  css-selectors  pseudo-class  inline-styles 

標準リストを使用して、最後の2つのリスト項目を選択しようとしています。私はさまざまな順列を持っAn+Bていますが、最後の2は何も選択していないようです。 li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ のような新しいCSS3セレクターを知ってい:nth-last-child()ますが、可能であれば、さらにいくつかのブラウザーで動作するものを好みます（特にIEについては気にしません）。

130 css  css-selectors 

この構文を使用する意味は何ですか div.card > div.name これの違いは何ですか div.card div.name

126 css  css-selectors 

私はjQueryのセレクター、特にidセレクターを使用しています。 $("#elementId")... jQueryが要素を検出したかどうかをどのように判断すればよいですか？指定されたIDの要素が存在しない場合でも、次のステートメントは私に与えます：[object Object] alert($("#idThatDoesnotexist"));

126 jquery  css-selectors 

私はちょうどサスを発見しました、そして私はそれについてとても興奮しています。 私のウェブサイトでは、子コンビネーター（E > F）を使用してスタイル設定されたツリーのようなナビゲーションメニューを実装しています。 Sassでこのコードをより単純な（またはより良い）構文で書き換える方法はありますか？ #foo > ul > li > ul > li > a { color: red; }

125 css  css-selectors  sass 

このブログを偶然見つけました-http ://www.htmldog.com/guides/cssadvanced/specificity/ 特異性はCSSのポイントスコアリングシステムであると述べています。要素は1ポイント、クラスは10ポイント、IDは100ポイントの価値があることを示しています。さらに、これらのポイントが合計され、全体の量はそのセレクターの特異性であるとも言えます。 例えば： body = 1ポイント body .wrapper = 11ポイント body .wrapper #container = 111ポイント したがって、これらのポイントを使用すると、次のCSSおよびHTMLによりテキストが青色になることが期待されます。 #a { color: red; } .a .b .c .d .e .f .g .h .i .j .k .l .m .n .o { color: blue; } <div class="a"> <div class="b"> <div class="c"> <div class="d"> <div …

124 css  css-selectors  css-specificity 

属性が設定されdocument.querySelectorAllているすべてのチェックボックスに使用しようとしていvalueます。 value設定されていないページに他のチェックボックスがあり、値はチェックボックスごとに異なります。ただし、IDと名前は一意ではありません。 例： <input type="checkbox" id="c2" name="c2" value="DE039230952"/> 値が設定されているチェックボックスだけを選択するにはどうすればよいですか？

124 javascript  css-selectors  selectors-api 

私は違いを伝えることができないelement:first-childとelement:first-of-type たとえば、divがあったとします div:first-child → <div>親の最初の子であるすべての要素。 div:first-of-type → 親の<div>最初の<div>要素であるすべての要素。 これはまったく同じように見えますが、動作が異なります。 誰かが説明してもらえますか？

124 css  css-selectors 

私はこれを行うことができます： <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); つまり、myDivclassを持つ要素の直接の子をすべて正常に取得できます.foo。 問題は、要素に対して#myDivクエリを実行しているため、セレクターにを含める必要があるmyDivことです。 #myDivオフのままにしておくべきですが、セレクタはで始まるため、正しい構文ではありません>。 セレクターが実行されている要素の直接の子だけを取得するセレクターの作成方法を誰かが知っていますか？

119 javascript  dom  css-selectors 

CSSに！=（等しくない）のようなものはありますか？たとえば、次のコードがあります。 input { ... ... } しかし、いくつかの入力については、これを無効にする必要があります。クラス「リセット」を入力タグに追加することでそれを行いたい、例えば <input class="reset" ... /> そして、CSSからこのタグをスキップするだけです。 どうすればできますか？ 私が見ることができる唯一の方法は、入力タグにクラスを追加して、CSSを次のように書き直すことです。 input.mod { ... ... }

116 html  css  css-selectors