<分区>
我有一个简单的问题。我在另一个里面有完全相同的 div(没有文本)。我想为 child 设置外部 csseffect 的样式，但不要在 cssffect 内部设置样式。
让我告诉你。
示例 CSS:
.cssEffect .bold{font-weight: bold;}
//Super Secret Faraday Code
示例 HTML:
<div class="cssEffect effected">
<span class="bold">Hey I'm Red!</span>
~~ some random stuff ~~
<div class="cssEffect faraday">
<span class="bold">I shouldn't be bold.</span>
~~ some random stuff ~~
</div>
</div>
我期待这样的事情:
Hey I'm Bold
I shouldn't be bold.
但是我不知道怎么办。我以为我可以做这样的事情:
.cssEffect .bold + .cssEffect.faraday{
//I dont really know what I should write here for not styling here
}
我想如果我可以像这样更改代码，它会解决:
.cssEffect:not(.faraday) .bold{font-weight: bold;}
但是外层 div 影响内层。我不知道如何解决这个问题。
有什么想法吗？
感谢您的帮助!
编辑:不，我知道“!重要”的意思。我不想忽略所有样式，我只想将其放在一个 div 中。