問題タブ [css-selectors]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 実際に CSS 2.1 セレクターを使用できますか?
この質問の背後にある主な原因はもちろん IE6 です。Web サイトは 15% 以上の訪問者によって使用されているため、IE6 をサポートする必要があることに (ほぼ) 誰もが同意しています ( Yahoo の場合、IE6 はまだ A グレードのブラウザーです)。
IE6 は CSS 2.1 をサポートしていないので、スタイルシートで CSS 2.1 セレクターを使用できますか? 例を挙げましょう:
私のcssは次のようになります:
しかし、IE6 はこれを理解できないので、ブラウザと互換性を持たせるには、次のように記述します。
おそらく、最初の段落にクラス名を付けて、css でそのように定義する必要があります。これらのルールを定義するIE6スタイルシート固有のものを作成できますが、それは非常に二重に思えます(そして、クラス名が必要な最初の段落の場合はまだ役に立ちません)...
css - css ":focus" 疑似クラスとセレクター
私はこれを正しくするために戦ってきました...基本的に私は次のHTMLセットアップを持っています:
「span.label01」はインライン要素で、テキストボックス「input.tboxes」の左側に表示されます。テキストボックスがフォーカスを受け取ったときに、「span.label01」と「div.box10」にスタイルを追加しようとしています。
次のCSSコードを試しました:
しかし、何も起こりません。これが CSS セレクターの問題であることはわかっていますが、正しく理解できないようです。隣接する兄弟セレクターも試しましたが、何もしませんでした。誰でもここで私を助けることができますか? ティア!
css - :checked ラジオ ボタンに続くテキストのスタイルを設定するにはどうすればよいですか?
私は次のことを試しました:
次のhtmlで:
そのようなテキストのスタイルを設定するにはどうすればよいですか?
解決:
テキストの周りにラベルタグを投げ、
:selected + *で選択します
オペラとFF3で動くので良しとします。
css - クラス.aとクラス.bを持つ要素のCSSセレクター
.a
classとclassの両方を持つ要素のスタイルを設定する必要があり.b
ます。どうすればいいのですか?
クラスがHTMLに表示される順序は異なる場合があります。
css - css セレクター ルール --セレクター内のすべての要素のルールセット?
@-rule を使用すると、その @-rule イベント中に要素 (印刷、モバイル デバイスなど) のルールセットを持つことができます。しかし、特定のセレクターについてはどうでしょうか?
大規模なサイトのサブページで作業しており、どのページにもマスター スタイルシートを使用する必要があります。スタイル ルールが、マスター スタイル シートのルールによって切り捨てられることがあります。これを克服するには、すべてのルールの前に「#mypage #content blah blah」を追加して、CSS をより具体的にする必要があります。それは非常に速く乱雑になります。私がやりたいことは次のようなものです:
私が作成したすべてのルールが、私が取り組んでいるページのセクションの ID に含まれるようにします。
ああ、言い忘れましたが、私のページはテンプレート フレーム内にあるため (私が理解している限り) @namespace を使用できません (したがって、マスター スタイルシートが必要です)。 page-url) 私のスタイルシートはマスター スタイルシートを上書きします。
簡単なものがありませんか?
説明:
申し訳ありませんが、私は単純にしようとして、漠然としすぎていたと思います...
グローバル スタイル シートを持つより一般的なテンプレート (マストヘッド、サイドバー ナビゲーションなど) 内に配置されるページのコンテンツを開発していますが、そのコンテンツを制御することはできません。
私のセクションだけのスタイルシートにはいくらかの自由があります。ルールによってグローバル スタイルシートが誤って上書きされることは望ましくありません。また、ルールに非常に長いセレクターを使用して、グローバル スタイルシートがスタイルシートを上書きするのを回避したいと考えています。たとえば、私が言いたいのなら
「すべてのテーブルに黒い境界線があります」
サイドバーのテーブルの周りに黒い境界線を配置するリスクがあります。しかし、私が言うなら
「div #content 内のすべてのテーブルには黒い境界線があります」
これは、より具体的なルールがない場合にのみ機能します。
これで、各ルールを確認し、一連の長いセレクターを追加して、各ルールが自分のセクションでのみ機能することを確認できますが、これはあまり魅力的でも楽しいことでもありません。上記の例のように、すべてのルールをより大きなルールの中に入れ子にして、主なルールを作成できるようにしたいと考えていました。
そのため、具体性を宣言する必要があるのは 1 回だけで、メイン ルール内のすべてのルールがカバーされます。
css - :after をサポートしていない IE をどのように回避しますか?
私はたくさんのリストを持っています
でスタイリング
これは一種のありふれた問題でなければなりません。私は、html を乱雑にし<li>
て文字を含む仲介者を配置するか、IE が読み込み中のブラウザーである場合は javascript をフックしてそこに配置することができると考えていますが、それは javascript なしで人々を捕まえることはできません。イウノ。私はhtmlを乱雑にする方向に傾いていますが、これについて意見があるかどうか聞きたいです.
jquery - How to subfilter a jquery object which is a subset of $(this)
I've read the documentation over and over and I can't get why this doesn't work:
From inside a function, calling the following:
returns something looking like this:
I want to get "somethingSpecial". It would seem to me that either of the following should work but they both return null.
What's wrong with this?
Thanks
jquery - jQueryを使用してhtmlページの最初のテーブルの最初の行を選択するには?
HTML ページに ('id' 属性のない) 複数のテーブルがある場合、jQuery セレクターを使用して最初のテーブルの最初の行または特定のテーブルを選択するにはどうすればよいでしょうか?
jquery - 子が表示されていない要素のjquery選択
これが私の目標です<optgrooup>
。すべての子が表示されていない場合は、要素に対して何かを実行します。
以下の私のコードは、目に見えない子がある場合、赤で概説しています。しかし、私はすべての子供たちが見えない場合にのみそうしたいと思います。要素に表示されている子がある場合は、強調表示しないでください。
jQueryセレクターを微調整してそれを行うにはどうすればよいですか?
前もって感謝します。
ここにある画像のスクリーンショット:http://img144.imageshack.us/img144/556/selectexample.gif