style .classA .classB{ *}; // 表示设置class为classA标签下的classB标签的样式(A)。 .classA , .classB{*}; // 表示同时设定classA和classB的标签样式(B)。 .classA.classB{*}; // 表示设置class为;"class=‘class
<style> .classA .classB{*}; //表示设置class为classA标签下的classB标签的样式(A)。 .classA , .classB{*}; //表示同时设定classA和classB的标签样式(B)。 .classA.classB{*}; //表示设置class为;"class=‘classA classB‘"的样式(C)。 </style>
// A <div class="classA"> <div class="classB">this</div> </div>
<div class="classC">
<div class="classD"></div>
</div>
// B <div class="classA">this</div> <div class="classB">this</div> <div class="classC"></div> <div class="classD"></div>
// C <div class="classA classB">this</div> <div class="classC classD"></div>