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

html-css017

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中选择器的资料