更具体的css规则加载更好吗？

Question

你可以这样做:

.info
{
    padding: 5px ;
}

或者,如果您知道它将是一个div,您可以这样做

div.info
{
    padding: 5px ;
}

所以,当有一个嵌套列表时......你可以这样做..

div.info ul.navbar li.navitem a.sitelink
{
    color: #f00;
}

或者你可以做到这一点

a.sitelink
{
    color: #f00;
}

除了可读性之外,浏览器解析/运行哪个更好？

Answer 1

保持规则尽可能通用——它更快并且使用更少的字节。请参阅Google 的文章了解更多信息。