Question

我想用这种方式用class =“x”选择元素的所有后代元素：

<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
    .x * {
      color: red;
    }
  </style>
</head>
<body>
  a
  <p>
    b
     <p class="x">
        c
        <p> should be red </p> foo
     </p>
  </p>
</body>
</html>

遗憾的是，

不适用于这些元素。 *.x *都没有。

我做错了什么？

Answer 1

<p>中没有<p>。尝试将内置<p>代码更改为<span>代码。

希望这有帮助

Answer 2

~~我知道这已经过时但答案是：.x, .x +* { }~~

ETA：我误解了这个问题。答案是：.x ~ * { }

css选择带有类的元素的所有后代（星号）

2 个答案: