css样式中 .c,.d,.c{} .c .d .c{}他们的区别是什么

html-css019

css样式中 .c,.d,.c{} .c .d .c{}他们的区别是什么,第1张

.c,.d,.c{background-color:#cccccc}

前者：是说 class="c" ,class="d",class="c" 他们三个的样式是一样的，也就是说这三个div的背景色是#cccccc.

例如：

<div class="c">

<div class="d">

<div class="c">aaaaaaaaaaaaa</div>

</div>

</div>

后者： 说的是第三个div的样式 ,也就是说只有第三个div的背景色是#cccccc

例如：

<div class="c">

<div class="d">

<div class="c">aaaaaaaaaaaaa</div>

</div>

</div>

div.c是class为c的div，div .c是div下class为c的子元素。例如下面的代码：

<div class="c">我是div.c</div>

<div class="a">

<p class="c">我是div .c</p>

</div>

div.c 指代的就是第一段的内容

div .c指代的是就是那个class=“c”的p标签了~~~