主页 / 问题 / 913883
Accepted
Gleb Pristupa
Asked:2020-12-01 04:26:01 +0800 CST2020-12-01 04:26:01 +0800 CST

使用选择器

  • 772

大家好，告诉我如何正确注册选择器，使所有对象 6 和对象 8.9 不在另一个框架中。

结果应该如何

.content .right-bar div {
  margin: 10px;
  padding: 10px;
  border: 2px solid black;
  font-size: 20px;
}
<div class="content">
  <div class="left-bar">
    <div class="four">4</div>
    <div class="seven">7</div>
  </div>
  <div class="right-bar">
    <div class="five">5</div>
    <div class="center">
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
    </div>
    <div class="bottom">
      <div class="eight">8</div>
      <div class="nine">9</div>
    </div>
  </div>
</div>

html

2 个回答

  1. 直接位于内部某处的元素中的大纲元素div（它们是第一级的子元素）：.right-bar.content

    .content .right-bar > div {
  margin: 10px;
  padding: 10px;
  border: 2px solid black;
  font-size: 20px;
}
    <div class="content">
  <div class="left-bar">
    <div class="four">4</div>
    <div class="seven">7</div>
  </div>
  <div class="right-bar">
    <div class="five">5</div>
    <div class="center">
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
    </div>
    <div class="bottom">
      <div class="eight">8</div>
      <div class="nine">9</div>
    </div>
  </div>
</div>

    • 4
  2. Best Answer

    我是否正确理解了任务？

    .content .left-bar .four,.seven, .right-bar .five, .center div, .bottom .eight, .nine {
  margin: 10px;
  padding: 10px;
  border: 2px solid black;
  font-size: 20px;
}
    <div class="content">
  <div class="left-bar">
    <div class="four">4</div>
    <div class="seven">7</div>
  </div>
  <div class="right-bar">
    <div class="five">5</div>
    <div class="center">
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
      <div>6</div>
    </div>
    <div class="bottom">
      <div class="eight">8</div>
      <div class="nine">9</div>
    </div>
  </div>
</div>

    • 1

相关问题