关于伪类奇怪的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

这是一个创建于 3223 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

7 条回复 • 2015-06-29 23:37:31 +08:00

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 via Android

@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 via Android

@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，这才是正道