另一个选择器样式中的 CSS 选择器

标签 css

我以前看过以下内容,但在 Google 上找不到。我想知道它是否是一个框架。另外,这是好的做法吗?

body {
    position:absolute;
    p {
        float:left;
    }
}

基本上,有些选择器嵌套在其他选择器中。我不知道我是否在谷歌上搜索了错误的词,或者这是否很难找到,因为这是个坏主意。所以问题是:这个嵌套的东西是什么,我应该/可以使用它吗?

编辑:

有没有办法让它变成:

body {
    position:absolute;
    p {
        float:left
    }
}

然后编译为:

body {
    position:absolute;
}
body p {
    position:absolute; 
    float:left;
}

最佳答案

这是 CSS 编程的 SCSS 类型。

稍后您需要编译器来编译成 CSS 代码。

body {
    position:absolute;
    p {
        float:left;
    }
}

将编译为:

body {
    position:absolute; 
}
body p {
    float:left;
}

http://sass-lang.com/了解更多信息。

关于另一个选择器样式中的 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42025769/

相关文章:

jquery - 交换列表中的元素

.net - 在 .net 中使用 style 属性操作 html 内联 cssclass

css - 如何做一个 Chrome/Opera 特定的样式表?

html - 单击下拉导航栏时文本移动

html - 了解 Flexbox 如何与 Bootstrap 一起工作

html - 当两者都在同一 ID 内时,如何仅选择不在链接内的图像?

html - Angular : Cannot locate two p-col-6 side by side in PrimeNG FlexGrid

css - Highcharts : style (css)

css - 特殊字符的回退字体

复选框的 CSS 在 IE 中不起作用