.section1.section2 という書き方は仕様的には何と呼称するのでしょうか？

スタイルシート(CSS)のclassの記述方法の質問です。

.section1.section2{***}

という書き方は仕様的には何と呼ぶ書き方なのでしょうか？
そもそも、この書き方は存在するのでしょうか？

No.4 回答者： taloo 回答日時： 2009/09/04 19:53

section1 かつ section2

でいいんじゃないですか？

No.3 回答者： yambejp 回答日時： 2009/09/04 09:56

http://www.w3.org/TR/CSS2/selector.html#class-html

に、そういう仕様があるむね書いてありますが、とくに名称は
書かれていませんね。
勝手に名付けるとすればclassの複数and条件とか、ダブルバインドとか
いえば意味は通じないことはなさそうですが、わかりにくいですね。

ちなみに面白そうなので色々ためしてみましたが、
IE6では仕様として破たんしているようなので、
使うリスクが高く、あまりお勧めできません。

No.2 回答者： noname#119957 回答日時： 2009/09/04 02:38

ＣＳＳのネストでしょうか？

ネストさせなければ、ＣＳＳは使えませんからね。
日常茶飯事しょちゅう使うやりかたです。

この回答への補足

すみません。説明不足でした。

.section1と.section2の間に半角スペースがない場合もネストと同じ意味でしょうか？

htmlの方は、

<div class="section1 section2">

という書き方をしています。
で、.section2の値がきちんと適用されているのです。
これもネストと呼ぶのでしょうか？

補足日時：2009/09/04 03:02

No.1 回答者： noname#119957 回答日時： 2009/09/04 02:33

.section1{font-size:80%;}

.section1.section2{color:#888888;}
sectio1クラスに含まれるsection2クラスに***を定義しています。

HTML

<div class="section1">
　<p>腹減ったんとちゃうか？</p>
<p class="section2">そういや、腹減ったな。</p>
</div>

この回答への補足

すみません。説明不足でした。

.section1と.section2の間に半角スペースがない場合もネストと同じ意味でしょうか？

htmlの方は、

<div class="section1 section2">

という書き方をしています。
で、.section2の値がきちんと適用されているのです。
これもネストと呼ぶのでしょうか？

補足日時：2009/09/04 03:05