問題タブ [pseudo-class]

特定のクラスの子孫ではないスパンを選択したいので、「いいえ」としましょう。これが私のCSSです：

ここにHTMLがあります

2 つの質問:

1. CSS が yes 1 と no 2 の両方に適用されるのはなぜですか?

2. ユニバーサル セレクターに切り替えると、全体が壊れてしまうのはなぜですか?

   /li>

JSFiddle のコードは次のとおりです: http://jsfiddle.net/stephaniehobson/JtNZm/

a：focusやinput：focusのようにフォーカスされているが、div、li、spanなどの他の要素にフォーカスされている要素を選択することは可能ですか？

それが不可能な場合、どうすればタグに置き換えることができますか？焦点を合わせたときにli要素の高さを変更しようとしていますが、aで試しましたが、高さが変更されません。

要求された情報：

「LIに焦点を当てる方法についても説明できますか？」

cssセレクター経由li:focus。https://jsfiddle.net/s4nji/Rjqy5/を参照してください。

<option>要素内で現在選択されている要素のスタイルを設定する方法はあり<select>ますか？

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

次の「：first-of-type」は機能しますが、「：last-of-type」は機能しません。

jQueryを介して要素の数を数えた場合でも、次の結果が得られます。

前もって感謝します。

互いに競合しないようにするには、疑似クラスが適切である必要があることを認識しています。(二重の「順番に」を意図)

問題は、CSS が (一致を見つけたときに) 右から左に読み込まれることを読んだことで、これについて疑問が生じました。

そうあるべきか、a:focus,a:hoverそれとも今持っているままでいいのか？

このJSFiddleでは、最後の.tabクラスは正しい効果を得ることができませんborder-radius（右上の丸い角）。

この場合:last-child、最後.tabのを選択すると言うのは私の論理が正しいと思います。.tabbed

私は何が間違っているのですか？

CSS：

HTML：

:checked公式の CSS3疑似クラスがあることは知っていますが、:unchecked疑似クラスはありますか? また、それらは同じブラウザーをサポートしていますか?

Sitepoint のリファレンスには言及されていませんが、このwhatwg 仕様(それが何であれ) には言及されています。

:checkedと疑似クラスを組み合わせると同じ結果が得られることはわかっています:not()が、それでも興味があります。

編集：

w3c は同じ手法を推奨しています

チェックされていないチェックボックスは、否定疑似クラスを使用して選択できます。

ナビゲーションの色は特定の画像に対して判読できないため、特定のページごとに色を変更したいと思います。HTMLは次のとおりです。

CSS

そしてjQuery

膨大な量のコードで申し訳ありませんが、言葉で表現するのはかなり難しいです。とにかく最初の色の変更は機能しますが、ホバーは機能しません-明らかにこれは、ナビゲーション内の各リンクがホバー時に異なる色であるという事実によって複雑になっています...

これが卑猥な愚かな質問/千回の質問であり、私がそれを見つけることができなかった場合は、事前に感謝し、心からお詫び申し上げます。

私はこの設定をしています：

そしてこれはCSSの場合：

次のようなホバー効果を疑似要素に与える方法はありますか？#button:before:hover {...}また、次のようにホバーされている別の要素に応答して疑似要素をホバーさせることも可能#button:hover #button:before {...}ですか？CSSだけがいいのですが、jQueryも問題ありません。

次のように、言語ごとに異なるスタイルを指定できるようにする CSS 言語疑似クラス。

ただし、これは IE7 では機能しないため、属性セレクターを使用しています。

やっていることは同じに見えますが、微妙な違いはありますか？そうでない場合、属性セレクターがまったく同じことを行うのに、CSS に言語疑似クラスがあるのはなぜでしょうか?