複数のボディクラスを使用してサブクラスで呼び出しを設定する

私は4〜5年前に構築されたWebサイトで作業しています。サイトを構築した人は、両方のクラス（.home.product）を使用して、ページ内のサブ要素（.banner）を呼び出しています。私はあなたがこれをすることができるとは思わなかったが、明らかにそれは機能する。これはハックですか、それともコーシャーですか？これが大丈夫ならIDでもできますか？（例：＃home.product）？私の質問が意味をなさないことを願っている複数のボディクラスを使用してサブクラスで呼び出しを設定する

<head>   
<style>  
.home.product .banner{ 
background:#d1d1d1; 
border:solid 1px #000; 
width:500px; 
height:150px; 
} 
</style>  
</head>  
<body class="home product"> 
    <div class="banner">Blah Blah Blah</div> 
</body>

ありがとうございました！

出典

2012-03-13 DH-Designs

はい、あなたもIDを使うことができます – defau1t

specify multiple classes on a single HTML elementに対して完全に有効であり、multiple, chained class selectors in CSSでそれらをターゲティングすることができます。それについて何もハッキリしていません。

はい、任意の数のIDセレクタ、クラスセレクタ、属性セレクタ、および疑似クラスを任意の順序でチェーンすることもできます。 #home.productと.product#homeの両方が等価であり、IDがhomeで、productクラスの要素と一致します。

出典

2012-03-13 17:51:23 BoltClock

ありがとう！それは私が探していたものです！ –

複数のボディクラスを使用してサブクラスで呼び出しを設定する

答えて

関連する問題