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

html-css08

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>

2种方法，

1 把图片弄成背景图

<li style="float:leftdisplay:inlinemargin-right:25.0pxwidth:210.0px height:300.0px overflow: hiddenbackground:url() no-repeat top center">

</li>

2 js控制

给li一个id 例zz

给body一个onload事件 Onload

function Onload(){

var zzl=document.getElementById('zz').clientWidth

var zzi=document.getElementById('zz').getElementsByTagName('img')[0].clientWidth

document.getElementById('zz').getElementsByTagName('img')[0].style.marginLeft=-(zzi-zzl)/2+'px'

}

//当然上面js控制也可以把img的position写成ralitive  然后可以控制left 方法一样