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

質問

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

.section1.section2{***}

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

回答No.4

神崎 渉瑠（@taloo）

section1 かつ section2

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

回答No.3

yambejp

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

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

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

回答No.2

noname#119957

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

補足

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

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

htmlの方は、

<div class="section1 section2">

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

回答No.1

noname#119957

.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の値がきちんと適用されているのです。
これもネストと呼ぶのでしょうか？