Question

使用这一辛加税点是什么

div.card > div.name

这两者之间有何区别

div.card div.name

Answer 1

A > B将只选B类直接儿童进入A类(即没有其他内容在外)。

<代码>A B将选择A内的任何B,即使其中还有其他内容。

Answer 2

child selectedor. 《公约》仅具体规定了直接的儿童内容,而不是像第二个没有<条码>和>;的例子那样的任何后代(包括孙辈、孙辈等)。

儿童遴选者得不到6年级和6年级以下学生的支持。 here 。

Answer 3

> vs. Space

审议两个假设情景:div >%20} vs. div%20{>

此处,<代码> (space) 选择了所有<span>、、>、div>、内的内容,即使放在一个以上要素内。 <代码>> 选择了所有子女:<div> 要素,但如果不在另一要素范围之内的话。

探讨两个例子:

> (Greater than):

div > span {
  color: #FFBA00 ;
}

<body>
  <div>
    <div>
      <span>Hello...</span>
      <p><span>Hello!</span></p>
    </div>

    <span>World!</span>
  </div>
</body>

这只是选择了<代码><span>Hello...</span> (because it s Immediate after the nested div tag, and <span>World!</span>, and 它赢得对, 因为其并非在<>divcode/>上。

Space

div span {
  color: #0A0 ;
}

<body>
  <div>
    <div>
      <span>Hello...</span>
      <p><span>Hello!</span></p>
    </div>

    <span>World!</span>
  </div>
</body>

即便是在其他标签内封顶的,也选择了所有各界。

Answer 4

div.card > div.name matches <div class= card >....<div class= name >xxx</div>...</div> but it doesn t match <div class= card >....<div class= foo > ... <div class= name >xxx</div>..</div>....</div>

<代码>div.card div. 姓名对两者都有对应关系。

That is, the > selector makes sure that the selected element on the right side of the > is an immidiate child of the element on its left side.

The syntax without the >对以下条目加以匹配:<div category= name >的后代(而不仅仅是儿童)<div category=index >。

Answer 5

A > B 选择B,如果是A的直接孩子,而AB选择B, 不管它是否是B的直接孩子。

<p> USING SPACE </p>

<style>
  .a .b {
    background-color: red;
  }
</style>

<span class="a">
  a
  <br>
  <span class="b"> a b</span>
  <br>

  <span class="c">
    <span class="b"> a b c</span>
  </span>
</span>

<br><br>
<p> USING GREATER THAN SIGN</p>

<style>
  .x > .y {
    background-color: red;
  }
</style>

<span class="x">
  x
  <br>
  <span class="y"> x y</span>
  <br>

  <span class="z">
    <span class="y"> x y z</span>
  </span>
</span>

> vs. Space

> (Greater than):

Space

友情链接