CSS更短查询 [英] CSS more short query

问题描述

例如，我有一个CSS选择器：

For example I have a CSS selector:

#spotlightPlayer .container .commands.over span,
#spotlightPlayer .container .commands.over ul,
#spotlightPlayer .container .commands.over ul li { clear:both }

有一种写法，

(#spotlightPlayer .container .commands.over) span, ul, ul li { clear:both }

推荐答案

可以使用某种类型的CSS预处理器，如 Shaun Inman的CSS服务器端预处理器处理器转换：

You could use some kind of CSS pre-processors like Shaun Inman’s CSS server-side pre-processor to convert this:

#spotlightPlayer .container .commands.over {
    span,
    ul,
    ul li { clear:both }
}

这个：

#spotlightPlayer .container .commands.over span,
#spotlightPlayer .container .commands.over ul,
#spotlightPlayer .container .commands.over ul li { clear:both }

本身没有这种语法。

这篇关于CSS更短查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！