我可以让这个CSS更简单，避免重复父选择器吗？

问题描述：

form.request input { 
    /* ... */ 
} 

form.request input[type="text"] { 
    /* ... */ 
} 

form.request select { 
    /* ... */ 
} 

form.request br { 
    /* ... */ 
}

我有几行相同的选择（form.request）开始，我要选择不同的孩子。我可以在没有重复的情况下以更好的方式做到这一点（并且最好没有像LESS这样的附加依赖关系）？

相关的问题 - 如果所有的上述评论包含相同的风格，我可以做优于：

form.request input, form.request input[type="text"], form.request select, form.request br { 
    /* ... */ 
}

这类问题已经被问到死 - 了同样的答案是否定的。 – BoltClock

当然......'''不太复杂* /'。 –

@BoltClock我找不到一个确切的副本，很高兴如果有一个关闭。 – Flash

答

不，你不能。但是如果你想减少输入并使样式表更具可读性，请考虑使用SCSS。

答

使用LESS，这将让你写

form.request { 
    input { /* ... */ } 
    input[type="text"] { /* ... */ } 
    select { /* ... */ } 
    br { /* ... */ } 
}

甚至

form.request { 
    input { 
    /* ... */ 
    &[type="text"] { /* ... */ } 
    } 
    select { /* ... */ } 
    br { /* ... */ } 
}

我可以让这个CSS更简单，避免重复父选择器吗？

相关推荐