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

html-css013

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>

c是css中的类,

不一定在css中,也有可以嵌入在html中的style里,

也有可能是javascript使用的,作标识之类的

也有可以写了html,忘记在css中写这个类了

你可以用浏览器自带的开发者工具审查这个节点。(在浏览器中右键,审查这个元素)

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