問題タブ [css-selectors]

Webサイトのログインページで作業していますが、テキストボックスにフォーカスが移ったときに、入力ボックスの前に表示されるラベルを太字にします。現在、次のマークアップがあります。

隣接するセレクターを使用してテキストボックスの後のラベルを選択できますが、その前の要素を選択できません。このCSSセレクタールールを使用できますが、ラベルが選択されるのは後だけなので、ユーザー名のテキストボックスにフォーカスが移ると、パスワードのラベルが太字になります。

この作品を作るために私にできることはありますか？JavaScriptを使用してこれを簡単に実行できることは知っていますが、可能であれば純粋なCSSベースのソリューションを使用したいので、それを実行する方法がわかりません。

以下がテキストを赤くするのはなぜですか?

#stories を他のものに付けた場合にのみ、テキストが変更されます。# は css の上位にあるにもかかわらず、より優位性がありますか?!

現在フォーカスがある要素をどのように選択できますか？

jQueryにはフィルターがない:focusため、次のようなものを使用できます。

<input type="text">IE6のすべての要素に特定のスタイルを適用するエレガントな方法はありますか? 私は JavaScript でそれを行うことができますが、もっとエレガントな方法があるかどうか疑問に思っていました。

注 - 特定のクラスをすべてのテキスト ボックスに手動で適用することはできません。また、CSS 式は避けたいと思います。

この例で最初のルールが 2 番目ではなく採用される理由を説明してもらえますか? 私の CSS の特異性の知識によると、2 番目はより具体的であり、使用する必要があります。ただし、すべてのブラウザが最初に使用します。

例：

http://apblog.lv/misc/css_spec/example2.html

CSS:

HTML:

重複の可能性:
アクティブな子の親の複雑な CSS セレクター

入力子要素を持つテーブル セルにスタイルを適用する css セレクターを作成するにはどうすればよいですか?

特にASP.NET MVCやPHPなどのタグベースのテクノロジーを使用する場合は、'hidden'「マーカー」cssスタイルを定義すると便利です。'selected'

ここで車輪を再発明する気は特にないので、このような他の便利なものや一般的なもの、または注意すべき落とし穴があるかどうかを知りたいと思っていました.

このような他のものについて、特定の css フレームワークを見る必要がありますか? さらに、検索できるこのタイプの css クラスの名前があります。

CSSでは、たとえばdivにスタイルを設定する場合、マッチングの精度を高める以外に、「div」を含めることには利点があります。ブラウザのレンダリングはおそらく速いですか？

すなわち：

より良い

divのみに絞り込む以外の理由はありますか？

（私が尋ねる理由は、私が最近、'divを含む著名なサイトに出くわしたが、ほとんどは気にしない傾向があるということです）

アップデート：

すべての答えをありがとう。結論は、速度が要因ですが、目立たないので無視する価値があるということです。そして、ベストプラクティスに関するコンセンサスは、タグを含める方がクリーンであるということです。一般的なルールは、必要なスタイルに対してCSSを可能な限り「タイト」に保つことです。