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

2024年12月01日 16:25

有4个网友回答

网友（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*/

网友（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。

网友（3）：

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

网友（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}
你要的是这个效果吗?