如何恰当地写css选择器 仅让222文字变红

通常有哪些方法?哪种相对好一些呢

在线编辑器
https://stackblitz.com/edit/w...

<html>
  <head>
    <meta charset="UTF-8" />
    <script src="script.js"></script>
    <!-- <link rel="stylesheet" type="text/css" href="styles.css"> -->
  </head>
  <body>
    <!-- 如何写css选择器 仅让222变红-->
    <div class="wrapper">
      <div class="has-error">
        <span>
          <div class="has-error">
            <div class="error-text">1111111111111</div>
          </div>
        </span>

        <div class="error-text">22222222222</div>
      </div>
    </div>

    <style>
      .has-error .error-text:nth-child(2) {
        color: red;
      }
    </style>
  </body>
</html>

后来陆续试了,感觉 主要用的 > 选择直系元素

阅读 1.6k
1 个回答

没前因后果?那就子级选择器呗

.wrapper > .has-error > .error-text{
    color: red;
}

你想问的是啥?CSS 模块化方案?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题