css的样式问题。

来源：百度知道 编辑：UC知道 时间：2024/06/03 16:26:37
.itemTit.Hot{background:url(images/bg.gif) no-repeat 0px -256px;}
上面的itemTit与Hot是什么关系，表达什么意思？
还有背景显示位置这么设置，有什么好处？
可我这里是这样写的：<div class="itemTit Hot">...</div>
可以分开写么：<div class='itemTit'><div class='Hot'>...</div></div>

说明这个div有两个class
一个是itemTit
另一个是Hot
.itemTit.Hot{background:url(images/bg.gif) no-repeat 0px -256px;}
定义同时拥有这两个class的元素的样式
分开写会麻烦点

1，是继承关系，.Hot样式继承.itemHit样式
2，好处：.Hot继承.itemHit已经拥有的样式，去除冗余CSS代码，突出了CSS的继承思想
3，可以分开写，但是.Hot无法拥有继承CSS样式，只拥有本身CSS样式

<div class=item Tit>
<div class=Hot></div>
</div>
上面的样式对<div class=Hot></div>他起作用

hot元素是itemTit元素下的子元素