什么是&燃气轮机&引用；（大于号）CSS选择器的平均值？_Css_Css Selectors

什么是&燃气轮机&引用；（大于号）CSS选择器的平均值？

css

什么是&燃气轮机&引用；（大于号）CSS选择器的平均值？,css,css-selectors,Css,Css Selectors,例如： div > p.some_class { /* Some declarations */ } 符号的确切含义是什么？所有p带有class的标记，它们是div标记的直接子元素。它将p元素与直接位于div下的class元素相匹配，有时被错误地称为直系后代组合子。1 这意味着选择器div>p.some_class只匹配的段落。some_class直接嵌套在adiv中，而不是嵌套在中的任何段落。这意味着匹配div>p.some_class的每个元素也必然与div p.some_cla

例如：

div > p.some_class {
  /* Some declarations */
}

符号的确切含义是什么？

所有

带有class

的标记，它们是div
标记的直接子元素。
它将p
元素与直接位于div
下的class元素相匹配，有时被错误地称为直系后代组合子。1
这意味着选择器div>p.some_class
只匹配的段落。some_class
直接嵌套在adiv
中，而不是嵌套在中的任何段落。这意味着匹配div>p.some_class
的每个元素也必然与div p.some_class
匹配（空格），因此这两个元素经常混淆是可以理解的
比较子组合子与子组合子的图示：

div>p.some_class{
背景：黄色；
}
divp.some_类{
颜色：红色；
}

这里有一些文本
此处有更多文本
正如其他人提到的，它是一个子选择器。这里是适当的链接
html
所有直接的子类都是
的。一些类会将样式应用于它们
（子选择器）在css2中引入。
divp{}选择div元素后面的所有p元素，而div>p只选择子p元素，而不选择孙子、大孙子等等

divp{color:red}/*匹配两个p*/
div>p{color:blue}/*仅匹配第一个p*/
para tag，p的子女和死者


清单内的段落



有关CSS选择器及其使用的更多信息，请查看我的博客，
和
（大于符号）是CSS组合符
组合符是解释选择器之间关系的东西
CSS选择器可以包含多个简单选择器。在这些简单选择器之间，我们可以包含一个组合器
CSS3中有四种不同的组合器：
子体选择器（空间）
子选择器（>）
相邻同级选择器（+）
通用同级选择器（~）
注意：p{
背景颜色：黄色；
}
第1款
本款第2段
本节第3段
第4段.不在分区内
第5段.不在分区内

输出：

CSS中的大号（>）选择器意味着右边的选择器是左边任何选择器的直系后代/子代
例如：
article > p { }

表示只对文章后面的段落进行样式设置。
非常感谢您提供的链接！我在那里还发现了“相邻兄弟选择器”。您可以在Sitepoint上找到。如果它对您的项目很重要，则在IE6中不起作用，其他任何地方都可以。此资源特别适用于兄弟姐妹：：nth-child（）等等，支持仍然不完整的地方+1它真的被称为子选择器吗？如果是的话，那是相当误导的。我认为#某个a
将是子选择器。@alex:：）#某个a
可能意味着a
是#某个东西的孙子或曾孙（它不考虑嵌套的深度）.@alex它被称为，空间被称为当某人是他们祖父母的孩子时，我们正在处理一个非常恶劣的乱伦案例。幸运的是，这在HTML中是不可能的。为了清晰起见，我没有听到任何外行称他们的孩子为他们的直接孩子。@premraj感谢您对亲子css选择器的出色解释！那么当你得到像.entry content>*{“code”}
后面跟着.entry content{“other code”}
，这是什么意思？难道.entry content>*
不包括entry content的所有子项吗？
div > p.some_class{
    color:red;
}

<style>
  div p{  color:red  }       /* match both p*/
  div > p{  color:blue  }    /* match only first p*/

</style>

<div>
   <p>para tag, child and decedent of p.</p>
   <ul>
       <li>
            <p>para inside list. </p>
       </li>
   </ul>
</div>

<!DOCTYPE html>
<html>
<head>
<style>
div > p {
    background-color: yellow;
}
</style>
</head>
<body>

<div>
  <p>Paragraph 1 in the div.</p>
  <p>Paragraph 2 in the div.</p>
  <span><p>Paragraph 3 in the div.</p></span> <!-- not Child but Descendant -->
</div>

<p>Paragraph 4. Not in a div.</p>
<p>Paragraph 5. Not in a div.</p>

</body>
</html>

article > p { }