タグ付けされた質問 「pseudo-class」

書き方:hoverと:visited条件付けa:before？ 私は試してa:before:hoverいますが、うまくいきません

347 css  css-selectors  pseudo-element  pseudo-class 

:focusと:active疑似クラスの違いは何ですか？

275 css  css-selectors  pseudo-class 

いくつかの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 

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 

JavaScriptから擬似クラスセレクター（：link、：hoverなど）のCSSルールを変更する方法を探しています。 CSSコードの類似：a:hover { color: red }JSで。 他に答えは見つかりませんでした。これがブラウザでサポートされていないことを誰かが知っていれば、それも役立つ結果になります。

125 javascript  css  pseudo-class  css-in-js 

iPhone / iPad / iPod上のWebkitでは、<a>タグを：active疑似クラスに指定しても、要素をタップしてもトリガーされません。これをトリガーするにはどうすればよいですか？コード例： <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

公式のCSS3 :checked疑似クラスがあることは知っていますが、:unchecked疑似クラスはありますか？それらは同じブラウザーをサポートしていますか？ Sitepointのリファレンスでは言及されていませんが、このwhatwg仕様（それが何であれ）は言及しています。 :checkedと:not()疑似クラスを組み合わせると同じ結果が得られることはわかっていますが、私はまだ興味があります。 input[type="checkbox"]:not(:checked) { /* styles */ } 編集： w3cは同じ手法を推奨します チェックされていないチェックボックスは、否定疑似クラスを使用して選択できます。 :not(:checked)

108 css  css-selectors  pseudo-class 

段落の2行目からインデントするにはどうすればよいですか？ 私はもう試した p { text-indent: 200px; } p:first-line { text-indent: 0; } そして p { margin-left: 200px; } p:first-line { margin-left: 0; } そして (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

102 html  css  text  pseudo-class  indentation 

私のサイトにはいくつかのcssメニューがあります:hover（jsなしで） これは、iDeviceで半ば壊れた方法で機能します。たとえば、タップすると:hoverルールがアクティブになり、メニューが展開されますが、他の場所をタップしてもは削除されません:hover。また、要素内にリンクされたリンクがある場合、2 :hover回タップしてリンクをアクティブにする必要があります（最初のタップトリガー:hover、2番目のタップトリガーリンク）。 touchstartイベントをバインドすることで、iPhoneでうまく機能するようになりました。 問題は、モバイルサファリが私のイベントではなく:hover CSSからルールをトリガーすることを選択する場合があることです。touchstart :hoverCSSですべてのルールを手動で無効にすると、モバイルサファリが適切に機能するためです（ただし、通常のブラウザーでは明らかに機能しません）。 :hoverユーザーがモバイルサファリを使用しているときに、特定の要素のルールを動的に「キャンセル」する方法はありますか？ ここでiOSの動作を確認して比較してください：http : //jsfiddle.net/74s35/3/ 注：一部のcssプロパティのみが2クリック動作をトリガーすることに注意してください。背景ではなく、赤。またはテキスト装飾：下線;

94 ipad  mobile-safari  iphone  pseudo-class 

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

93 css  css-selectors  pseudo-class  pseudo-element 

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

91 css  css-selectors  pseudo-class 

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

86 html  css  css-selectors  pseudo-class