CSS样式中div.c与div_.c有什么区别

html-css027

CSS样式中div.c与div_.c有什么区别,第1张

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标签了~~~

.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>

我理解能力有点问题，两种都说一下吧。.xx,.xxx{}这个意思是同时设置两个元素选择位置，使用英文逗号分割，.a .b c{}这种为设置一个c标签元素的CSS样式，是为了能让系统准确的找到。使用空格分割即可，当然还有其他类型的，子代选择等，具体参考w3cschool css中选择器的资料