[解決済み] 複数のクラスに基づいて要素を選択する
2022-03-22 15:05:51
質問
あるタグに適用したいスタイルルールがあります。 2 クラスがあります。JavaScriptを使わずにこれを実行する方法はありますか?つまり
<li class="left ui-class-selector">
自分のスタイルルールを適用したい
のみ
もし
li
は、両方の
.left
と
.ui-class-selector
クラスが適用されます。
解決方法は?
2つのクラスということですか? "Chain"セレクタを(間にスペースを入れずに)連結してください。
.class1.class2 {
/* style here */
}
を持つすべての要素が選択されます。
class1
を持ち、かつ
class2
.
あなたの場合
li.left.ui-class-selector {
}
公式ドキュメント : CSS2 クラスセレクタ .
として 赤池 がInternet Explorer 6でのこの方法の問題を指摘しているので、これを読むとよいでしょう。 IE6 CSSでダブルクラスを使う?
関連
-
[css3]グレーモードやブラックモードを実現するCSS3フィルター(フィルター)サンプルコード(Webページ用
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] なぜブラウザはCSSセレクタを右から左へマッチングさせるのですか?
-
[解決済み] 2つのクラスを持つ要素に適用するCSSセレクタ
-
[解決済み】最初の直接の子だけを対象としたCSSセレクタはありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】よくある2D変換を5つ実現するCSS
-
[CSSチュートリアル】CSSスコープ(スタイル分割)の使い方まとめ
-
[CSSチュートリアル】CSS たった1行のコードでアバターと国旗の一体化を実現
-
[CSSチュートリアル】QQtabBarからCSS命名規則BEMの詳細を見る
-
[CSSチュートリアル】背景-位置の割合の原則の説明
-
[css3]ピュアCSS3によるネオンライト効果
-
[CSSチュートリアル】クールなネオン効果を実現するピュアCSS(デモあり)
-
[css3]スクロールバー美化効果を実現するcss3サンプルコード
-
[css3]Apple携帯電話のロック解除のためのCSS3サンプルフォントシャインエフェクト
-
[css3] CSS3を使ってヘッダーアニメーション効果を作成する