CSS所有以链接开头的-CSS选择所有以“ u”开头并在：hover中的ID，并控制其他以u开头的ID

oneone 发表于 Dev

沙

希望我能解释。

我有自动生成的代码，希望使用CSS覆盖。

这是我要覆盖的代码示例：

#u1150:hover #u1153-4 p {color: red}

重要说明：此代码中的“ u”将始终生成，其他数字将随机生成并添加到u中（例如＃u3726或＃u3427-12）。因为我总是可以依靠生成的u，所以我想通过u字母来控制这些ID并更改颜色，所以我尝试了以下操作：

[id^u]:hover [id^u] p {color: green !important}

我试图用简单的语言尝试：
1.选择以u开头并且以：hover
开头的所有ID。2 .进一步选择以u开头的所有ID
3.进一步选择p标签并为其赋予不同的颜色（在这种情况下为绿色）

因为我的代码未达到预期的结果，所以可以实现吗？

詹姆斯·唐纳利

您在=后面缺少符号^。

[id^="u"]:hover [id^="u"] p { ... }

[id^="u"]:hover [id^="u"] p {
  color: green;
}

<div id="u123">
  <span id="u124">
    <p>Hover here to make this green</p>
  </span>
</div>

<hr>

<div id="u245">
  <div>
    <div id="u246">
      <p>Hover here to make this...</p>
      <span>
        <p>...and this green</p>
      </span>
   </div>
  </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。