Question

多个DIV下面的多个一样的元素怎样修改css样式？

比如<div id="top"></div>里面有一个ul需要进行css修改样式
<div id="middle"></div>里面也有一个ul进行css修改样式 那么css部分应该怎样写呢
第一个div ul li这样写是不是就不对了？

Answer 1

#top ul{font-size:14px;}/*这个就是#top下的ul*/
#middle ul{font-size:20px;}/*这个就是#middle下的ul*/
div ul li{}/*意思就是div下的ul的li，会对所有div下的ul的li起作用*/

#id ul/*id空个加元素，意思就是id的子元素ul*/

Answer 2

需要改变多个样式属性，可以先定义属性变量，然后直接赋值给css()方法。

示例如下：

var divcss = {
  background: '#EEE',
      width: '478px',
      margin: '10px 0 0',
      padding: '5px 10px',
      border: '1px solid #CCC'
};
$("#result").css(divcss);
//这里先定义了一个CSS样式属性变量‘divcss’，这类似于建立一个外部CSS文件。
//然后通过jQuery提供的css()方法，把属性赋给ID为'#result'的DIV。

Answer 3

你好，能不能把代码发过来，不要图片，这样我测试就太麻烦了……

Answer 4

li:first-child{background:#090}
li:nth-child(3){background:#090}
li:nth-child(4){background:#090}
li:nth-child(5){background:#090}
li:last-child{background:#090}
...
li:nth-child(2n){background:#090}
li:nth-child(2n-1){background:#090}
你要的是这个效果吗?