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

セレクターは、ドキュメントツリーの要素と照合するパターンです。CSSルールでは、パターンに一致する要素のスタイルを定義するために使用されます。

2
CSSで「= XYZ」のラベルを選択する方法は？
HTML： <label for="email">{t _your_email}:</label> CSS： label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } 'for'属性に基づいてラベルを選択して、レイアウトを変更したいと思います。
256 css  css-selectors 
4
CSSでN番目ごとの要素を選択
たとえば、一連の要素の4番目ごとの要素を選択することはできますか？ 例：16個の<div>要素があります...次のように書くことができます。 div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) これを行うより良い方法はありますか？
242 css  css-selectors 
8
子要素にCSSスタイルを適用する
特定のクラスを持つDIV内のテーブルにのみスタイルを適用したい： 注：子要素にはcss-selectorを使用します。 ＃1が機能し、＃2が機能しないのはなぜですか？ 1： div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2： div.test th, td, caption {padding:40px 100px 40px 50px;} HTML： <html> <head> <style> div.test > th, td, caption {padding:40px 100px 40px 50px;} </style> </head> <body> <div> <table border="2"> <tr><td>some</td></tr> <tr><td>data</td></tr> <tr><td>here</td></tr> </table> </div> <div class="test"> <table …
232 css  css-selectors 
9
CSS3セレクター：クラス名を持つ最初のタイプ？
CSS3セレクターを使用することは可能ですか :first-of-typeして、特定のクラス名の最初の要素を選択することはできますか？テストで成功しなかったので、成功していないと思いますか？ コード（http://jsfiddle.net/YWY4L/）： p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> <p class="myclass2">This text should appear green.</p> </div> コードスニペットを実行するHide resultsスニペットを展開
230 css  css-selectors 
4
CSSセレクターのクラス名は大文字と小文字を区別しますか？
CSSは大文字と小文字を区別しないということを随時読み続けますが、このセレクターがあります。 .holiday-type.Selfcatering これを私のHTMLで使用すると、このようにピックアップされます <div class="holiday-type Selfcatering"> 上記のセレクターをこのように変更すると .holiday-type.SelfCatering その後、スタイルはピックアップされません。 誰かが嘘をついている。
229 html  css  css-selectors 
9
CSSセレクターでクラスとIDを組み合わせる方法は？
次のdivがある場合： <div class="sectionA" id="content"> Lorem Ipsum... </div> 「id='content'ANDを使用したdiv」というアイデアを表現するスタイルを定義する方法はありclass='myClass'ますか？ または、次のように単にどちらか一方の方法で行っていますか <div class="content-sectionA"> Lorem Ipsum... </div> または <div id="content-sectionA"> Lorem Ipsum... </div>
221 css  css-selectors 
5
次の要素のCSSのセレクターの構文は何ですか？
ヘッダータグがある場合 <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } その後、段落があり<p>stuff here</p>ます。 CSS を使用<p>して、h1.hc-reformに続くすべてのタグが使用することを確認するにはどうすればよいですか？clear:both; それは： h1.hc-reform > p{ clear:both; } 何らかの理由で機能しません。
6
Angular 2：コンポーネントのホスト要素をスタイルする方法は？
Angular 2にはmy-compというコンポーネントがあります。 <my-comp></my-comp> Angular 2でこのコンポーネントのホスト要素をどのようにスタイルするのですか？ Polymerでは、「：host」セレクターを使用します。Angular 2で試しましたが、うまくいきません。 :host { display: block; width: 100%; height: 100%; } コンポーネントをセレクターとして使用してみました： my-comp { display: block; width: 100%; height: 100%; } どちらのアプローチも機能していないようです。 ありがとう。
9
要素名にCSSスタイルを適用できますか？
私は現在、CSSスタイルを適用するHTMLを制御できないプロジェクトに取り組んでいます。そして、要素を区別するのに十分なidとクラスの宣言がないという意味で、HTMLは十分にラベル付けされていません。 だから、私はidまたはclass属性を持たないオブジェクトにスタイルを適用する方法を探しています。 フォーム項目に「名前」または「値」属性がある場合があります。 <input type="submit" value="Go" name="goButton"> name = "goButton"に基づいてスタイルを適用する方法はありますか？「価値」についてはどうですか？ Googleの検索では、「名前」や「値」などの一般的な用語がウェブページに表示されるあらゆる種類のインスタンスを見つけるため、これを見つけるのは難しい種類のことです。 私は答えがノーだと疑っています...しかし、おそらく誰かが巧妙なハックをしていますか？ どんなアドバイスもいただければ幸いです。
176 html  css  css-selectors 
3
：afterと：afterを組み合わせる
私は、結合したい:afterと:hoverCSS（または任意の他の疑似セレクタ）で。基本的にはリストがあり、selectedクラスを持つアイテムにはを使用して適用される矢印の形があり:afterます。ホバーされているオブジェクトでも同じようにしたいのですが、うまく動かせません。コードはこちら #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist li.selected, #alertlist li:hover { color: #f0f0f0; background-color: #303030; } #alertlist li.selected:after { position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; content: …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.