关于伪类奇怪的问题

2015-06-29 20:57:00 +08:00
 isbase

多个页面用同一个css文件,页面一用到下面这段代码

.rnav li:hover,
li:focus,
li:active {
    border-left: 4px solid black;
    }

现在的问题是页面二的结构里根本就没有.rnav这个class,但是上面的代码还是会应用到页面二的li元素。

2921 次点击
所在节点    CSS
7 条回复
emric
2015-06-29 20:59:47 +08:00
```
.rnav li:hover,
.rnav li:focus,
.rnav li:active {
border-left: 4px solid black;
}
```
isbase
2015-06-29 21:15:14 +08:00
@emric Thanks
Septembers
2015-06-29 21:52:07 +08:00
.rnav li {
 &:hover, &:focus, &.active {
  border-left: 4px solid black;
 }
}
我是来安利 lesscss.org
isbase
2015-06-29 22:21:09 +08:00
@Septembers 这段时间确实感到了纯CSS的局限 是该试试less了
wsph123
2015-06-29 22:52:16 +08:00
@isbase ...这也认识的太早了点吧
Septembers
2015-06-29 23:32:59 +08:00
@isbase @wsph123 @emric
不过这个问题似乎会在 CSS 4 里解决,不过还是有点远
现在主流 CSS 3 支持都不怎么完善
see http://dev.w3.org/csswg/selectors-4/#matches
banri
2015-06-29 23:37:31 +08:00
@isbase 别用Less
直接一步上Scss,这才是正道

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/202006

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX