关于伪类奇怪的问题

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3981 days ago, the information mentioned may be changed or developed.

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

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

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

7 replies • 2015-06-29 23:37:31 +08:00

emric

Jun 29, 2015

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

isbase

PRO

Jun 29, 2015 via Android

@emric Thanks

Septembers

Jun 29, 2015

.rnav li {
　&:hover, &:focus, &.active {
　　border-left: 4px solid black;
　}
}
我是来安利 lesscss.org 的

isbase

PRO

Jun 29, 2015 via Android

@Septembers 这段时间确实感到了纯CSS的局限是该试试less了

wsph123

Jun 29, 2015

@isbase ...这也认识的太早了点吧

Septembers

Jun 29, 2015

@isbase @wsph123 @emric
不过这个问题似乎会在 CSS 4 里解决，不过还是有点远
现在主流 CSS 3 支持都不怎么完善
see http://dev.w3.org/csswg/selectors-4/#matches

banri

Jun 29, 2015

@isbase 别用Less
直接一步上Scss，这才是正道