Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 多个嵌套类在较少的_Css_Html_Less_Stylesheet - Fatal编程技术网

Css 多个嵌套类在较少的

Css 多个嵌套类在较少的,css,html,less,stylesheet,Css,Html,Less,Stylesheet,我在谷歌和互联网上搜索过,也在这个论坛上。 我只是想知道,如果在更少的样式表中使用多个嵌套类,会有什么问题吗 i、 e: 编译结果正常,没有出现错误 谢谢。没问题,但要注意嵌套太多,最终可能会使css选择器过于具体。例如,通用全局使用元素的样式不应是不必要的嵌套样式 也可以将以下嵌套组合为单个选择器: &:first-child{ > a{ border-left:1px solid darken(@main_green

我在谷歌和互联网上搜索过,也在这个论坛上。 我只是想知道,如果在更少的样式表中使用多个嵌套类,会有什么问题吗

i、 e:

编译结果正常,没有出现错误


谢谢。

没问题,但要注意嵌套太多,最终可能会使css选择器过于具体。例如,通用全局使用元素的样式不应是不必要的嵌套样式

也可以将以下嵌套组合为单个选择器:

   &:first-child{
            > a{
                border-left:1px solid darken(@main_green, 10%);
            }
        }
同:

&:first-child > a{
    border-left:1px solid darken(@main_green, 10%);
}

因此,当父对象具有css属性时,应该使用嵌套,否则您可以如上所示组合选择器。

ah。。。。我知道了。所以,如果父类中没有不同的或某些规则,我就不需要嵌套类。只需将其设置为单个选择器即可。非常感谢你。。
&:first-child > a{
    border-left:1px solid darken(@main_green, 10%);
}