日期:2014-05-17  浏览次数:20570 次

请教 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")
     }

})

------解决方案--------------------
探讨
jq 有一个方法,叫each

JScript code

$("div span").each(function(index){
if (index==0){
$(this).css("background","red")
}
if (index==1){
$(this).css("background","……

------解决方案--------------------
直接给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文件里能否表达我想要的东西,

另外,就是css有 first-child {}方式,不知道新的css有没有 second-child {}, third-child {}

------解决方案--------------------
楼主难道一点CSS的基础都没有嘛?
直接设置class属性就可以了
------解决方案--------------------
支持支持!!!!!!!