关于css中的一些问题

悬赏园豆：10 [已解决问题] 解决于 2021-10-03 20:52

.shortcut .fr ul li:nth-child(even) {
width: 1px;
height: 12px;
background-color: #666;
margin:9px 15px 0 15px;

}
我是希望偶数个的li标签按照上述样式设置
但我设置出来的li的粗细却不一样

css

新手小白。 | 初学一级 | 园豆：75
提问于：2021-08-20 16:35

< >

最佳答案

.shortcut .fr ul:nth-child(even) {
}
可以把li去掉试试

收获园豆：10

氏木 | 菜鸟二级 |园豆：217 | 2021-08-20 16:45

这样设置后，竖线的效果就没有了

新手小白。 | 园豆：75 (初学一级) | 2021-08-21 11:17

@新手小白。:
li:nth-child 选择器是选择li标签的子级标签。
比如这个 < li ><a></a><img></img>< /li >
li:nth-child(1) 指定a标签，nth-chil(2) 指定img标签

另外：可以查找一下nth-of-type 选择器的用法。

氏木 | 园豆：217 (菜鸟二级) | 2021-08-21 15:41

其他回答(1)

.shortcut .fr ul li {
width: 1px;
height: 12px;
margin:9px 15px 0 15px;
}
.shortcut .fr ul li:nth-child(even) {
background-color: #666;
}
是这个意思吗

越努力越幸运啊 | 园豆：25 (初学一级) | 2021-08-21 11:24

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。