选择元素但不是CSS中的某些内部元素

Question

如果我有这个HTML

<p class="all">Example <span class="but">text</span> here.</p>

是否可以编写一个简单的CSS样式，将单词Example和here.标记为红色，但将text保留为默认颜色？

Answer 1

您可以在css中使用 color：initial 属性。

检查以下给定的代码段。

＆＃13;

＆＃13;

p{color:red}
.but{color:initial;}

＆＃13;

<div>
  <p class="all">Example <span class="but">text</span> here.</p>
  </div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

不： - 为span类设置颜色，但仅限

<style>
    .all{ color:red;}
    :not(but)({color:initial;}
    </style>

<p class="all">Example <span class="but">text</span> here.</p>