减去css选择器问题
减去css选择器问题
提问于 2016-09-28 09:49:22
我正在使用较少的css，并尝试使用&用于组合多个选择器。我创造了一个虚拟的环境来阐述这个问题。
<div class="ampuse">
<p>This is first</p>
<p>This is second</p>
<div>This is div 1</div>
<p>This is Third</p>
<em>This is em</em>
<div>This is div 2</div>
<div>This is div 3</div>
</div>减
.ampuse{
p,div{
color: red;
&+&{
background: yellow;
color: blue;
}
}
}现在，根据较少的规则，这将创建这样的css
.ampuse p,
.ampuse div {
color: red;
}
.ampuse p + .ampuse p,
.ampuse p + .ampuse div,
.ampuse div + .ampuse p,
.ampuse div + .ampuse div {
background: yellow;
color: blue;
}但是我只想渲染父元素一次，然后选择器应该在子元素下工作。这是我想要的css
.ampuse p,
.ampuse div {
color: red;
}
.ampuse p + p,
.ampuse p + div,
.ampuse div + p,
.ampuse div + div {
background: yellow;
color: blue;
}有人能帮我用更少的钱来实现它吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-09-28 10:32:04
如我在评论中所述，请使用& + p, & + div回答接受
.ampuse{
p,div{
color: red;
+ p,
+ div {
background: yellow;
color: blue;
}
}
}Stack Overflow用户
发布于 2016-09-28 10:10:40
.ampuse {
p,
div {color: red;
+ p,
+ div {
background: yellow;
color: blue;
}
}
}使
.ampuse p,
.ampuse div {
color: red;
}
.ampuse p + p,
.ampuse div + p,
.ampuse p + div,
.ampuse div + div {
background: yellow;
color: blue;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39743859
复制相关文章
相似问题
腾讯云开发者
