首页 新闻 搜索 专区 学院

关于css中的一些问题

0
悬赏园豆: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
新手小白。的主页 新手小白。 | 初学一级 | 园豆:103
提问于:2021-08-20 16:35
< >
分享
最佳答案
0

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

收获园豆:10
氏木 | 菜鸟二级 |园豆:212 | 2021-08-20 16:45

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

新手小白。 | 园豆:103 (初学一级) | 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 选择器的用法。

氏木 | 园豆:212 (菜鸟二级) | 2021-08-21 15:41
其他回答(1)
0

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

光头女孩 | 园豆:114 (初学一级) | 2021-08-21 11:24
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册