请教 css写法
如:
<div>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
为了给每个span设定不同的样式如何写
div {]
div span[0]{}
div span[1]{}
div span[2]{}
.....
还有就是有 first-child {},不知道有没有 second-child {}, third-child {}
------解决方案--------------------貌似没有把、
分别调用应该可以把、
------解决方案--------------------最好给每个span标记定义class来设定css
------解决方案--------------------jq 有一个方法,叫each
JScript code
$("div span").each(function(index){
if (index==0){
$(this).css("background","red")
}
if (index==1){
$(this).css("background","blue")
}
if (index==3){
$(this).css("background","green")
}
})
------解决方案--------------------
------解决方案--------------------
直接给SPAN设置不同的CLASS="风格名" 或者ID="不同的ID",然后在STYLE写CSS就行了。
具体的看看这个
http://www.w3school.com.cn/css/index.asp
http://zh.html.net/tutorials/css/
3楼的方法,适合特殊情况下使用。一般的情况,没必要那样做。
------解决方案--------------------
样式的相同部分用class定义、不同部分用id重写:
<div>
<span id="span1" class="class1"></span>
<span class="class1></span>
<span class="class1></span>
<span class="class1></span>
</div>
id用#选择,class用.选择。比如#span1{属性:属性值;},.class{属性:属性值;}。
------解决方案--------------------
------解决方案--------------------
楼主难道一点CSS的基础都没有嘛?
直接设置class属性就可以了
------解决方案--------------------
支持支持!!!!!!!