关于伪类奇怪的问题

[isbase]

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

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

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

[emric]

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

[isbase]

@emric Thanks

[Septembers]

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

[isbase]

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

[wsph123]

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

[Septembers]

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

[banri]

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