css - 简化具有相同父级的 css 选择器

标签 css css-selectors

.content p, .content ul, .content h1 {
       text-indent: 35px;
}

此选择器是否有任何快捷方式,例如 .content p, ul, h1 {}

最佳答案

对于普通的 CSS,您别无选择。

使用像 SASS 这样的 CSS 编译器或 LESS你可以这样写:

.content {
    .p, ul, h1 {
        text-indent: 35px;
    }
}

我现在强烈推荐使用 Compass这让编写 CSS 变得更加有趣。

关于css - 简化具有相同父级的 css 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14568203/

相关文章:

CSS动画,是否可以在多个元素之间循环?

CSS/IE - 在 IE 中选择内容时删除虚线

css - Angular5 中的伪元素

css - id 为 "foo:bar"形式的元素的 CSS 选择器

css - 加载对话框并在后台保留上一页?

CSS 父选择器?

html - css中的 '>'符号是什么意思?

php - 根据类更改 span 标签上从左到右的绝对位置

html - 当父 div 更改宽度时,如何为固定子 div 设置自动宽度?

jquery - Bootstrap 导航栏不会折叠