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

プロジェクト用のCSSスタイルシートを作成しました。クラス「dojoxGrid」に属するテーブル要素を除くすべてのテーブル要素に適用されるcssルールを作成する方法はありますか？何かのようなもの： .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }

95 css  css-selectors 

私が理解していることから、HTML5仕様では、このような数値であるIDを使用できます。 <div id="1"></div> <div id="2"></div> を使用してこれらの問題にアクセスできますが、を使用することはできgetElementByIdませんquerySelector。次のようにすると、コンソールにSyntaxError：DOM Exception 12が表示されます。 document.querySelector("#1") querySelectorHTML5仕様で有効であると記載されているのに、IDとして数値を使用しても機能しないのはなぜですか。複数のブラウザを試しました。

94 javascript  html  css-selectors  selectors-api 

<ul>このようなリストから親のみのリンク要素を選択するにはどうすればよいですか？ <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> だからCSS ul li aではありませんがul li ul li a ありがとう

93 jquery  html  css  css-selectors 

a:linkまたはのようなものdiv::after... 違いに関する情報は乏しいようです。

93 css  css-selectors  pseudo-class  pseudo-element 

この特定のCSSセレクターを追加:not(:empty)すると、動作しなくなってしまいました。他のセレクターのどの組み合わせでも問題なく動作するようです。 input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } :not(:empty)パーツを外しても問題なく動作します。セレクターを変更しても、input:not(:empty)テキストが入力されている入力フィールドは選択されません。これは壊れていますか:empty、:not()それともセレクタ内での使用が許可されていませんか？ 私が考えることができる他の唯一のことは、ブラウザにはまだ子がないので要素は空であると言っていることです。ん:emptyセレクタは、定期的な要素対の入力要素のための独立した機能を持っていませんか？ただし:empty、フィールドで使用してフィールドに何かを入力すると、代替の効果がなくなるためです（フィールドが空ではなくなるため）。 Firefox 8およびChromeでテスト済み。

92 html  css  css-selectors 

質問があります。私はこのような要素を持っています： <a> id = someGenerated Some：Same：0：nameの要素 <a> id = someGenerated Some：Same：0：surnameの要素 <a> id = someGenerated Some：Same：1：nameの要素 <a> id = someGenerated Some：Same：1：surnameの要素 名前を取得するにはCSSセレクターが必要です。問題は、どうやって入手したらいいのかわからないことです。私は試しましたa[id*='Some:Same']-それはすべての<a>要素を返しました。idがnameで終わる要素を取得した後。しかし、私はこの考えが好きではありません。他のセレクターでもできると思います。

92 css  css-selectors  webdriver 

次のマークアップでは、CSSセレクターで各オプションdiv内の最初の選択メニュー以外のすべてを選択する必要があります。 <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option value="">Select Color</option> <option value="1">Red</option> <option value="2">Blue</option> </select> </div> <div class="opt3"> <select title="Please choose Size"> <option value="">Select Size</option> <option value="1">Small</option> <option value="2">Big</option> …

91 html  css  css-selectors 

指定するCSSの疑似クラスはありますか :not(:hover) それとも、ホバーされていないアイテムを指定する唯一の方法ですか？ いくつかのCSS3参照を調べましたが、：hoverの反対を指定するCSS疑似クラスについての言及はありません。

91 css  css-selectors  pseudo-class 

空でない属性に適用されるCSSセレクターはありますか？:not([Data-Attribute=''])属性が存在しない場合も、一致を使用します。 のようなものを探しています[Data-Attribute!='']。

90 css  css-selectors 

CSSで特定の属性を持つ要素をターゲットにできることはわかっています。次に例を示します。 input[type=text] { font-family: Consolas; } しかし、任意の値の属性を持つ要素をターゲットにすることは可能ですか（何も、つまり属性が要素に追加されていない場合を除く）？ 大まかに次のようなものです。 a[rel=*] { color: red; } <a>このHTMLの最初と3番目のタグをターゲットにする必要があります。 <a href="#" rel="eg">red text</a> <a href="#">standard text</a> <a href="#" rel="more">red text again</a> デフォルトでcursor: pointerは<a>、href属性に値を持つすべてのタグに適用されるように見えるため、可能だと思います。

90 css  css-selectors 

方法W3Schoolsのはそれフレーズを、彼らは同じに聞こえます。 W3SchoolsのCSSリファレンス div + p<p>要素の直後に配置される すべての要素を選択し<div>ます div ~ p<p>要素が前にある すべての要素を選択し<div>ます <p>要素が要素の直後にある場合、<div>それは<p>要素の前に要素があることを意味しません<div>か？ とにかく、与えられた要素の直前にある要素を選択できるセレクターを探しています。

89 css  css-selectors 

クラスaを持つa要素ではなく、要素にホバー効果を適用するにはどうすればよいactiveですか？ a:hover(not: .active) 何かが足りないようです。

88 html  css  css-selectors 

これは、すべての選択<B>を直接タグの前で<A>タグ： A+B { /* styling */ } すべてのセレクタは何である<A>直接タグに続くことにより、<B>タグは？ これが私の質問に合うサンプルHTMLです： <a>some text</a> <b>some text</b>

88 css  css-selectors 

.objectという属性を持つクラスがありますlevel。levelページ上のすべての異なる値のリストを取得して、最も高い値を選択できるようにします。 私が次のようなことをした場合： $(".object").attr("level") ...レベル属性の値である値のリストが表示されますか？私はそうは思わないが、それではどうやってそのようなことをするのか？ 注：より一般的な操作用のHTMLオブジェクトを選択するのではなく、属性の値を選択したいと思います。 編集：最高の「レベル」を得るために私はこれを行いましたが、うまくいかないようです。私は今、他の提案された方法を試してみます。 var highLevel=0; $.each(".object[level]", function(i, value) { if (value>highLevel) { highLevel=value; } }); alert(highLevel);

86 jquery  css-selectors 

<option>要素内で現在選択されている要素のスタイルを設定する方法はあり<select>ますか？ 次に、現在選択されているオプション要素に背景色を付けることができますか？そうすれば、閉じたドロップダウンに現在表示されているオプションのスタイルを設定できます。

86 html  css  css-selectors  pseudo-class