Question

我目前正在使用Joomla模板编辑CSS文件，我遇到了这一行：.promo > .gantry-width-block:hover{margin-top:-35px;padding-top:35px;}

促销和龙门架之间>标记的目的是什么？

聚苯乙烯。我不知道标记是否是正确的单词，可能不是。

Answer 1

>是直接子选择器，.promo > .gantry使用类gantry处理所有元素，这些元素是类promo的任何元素的直接子元素。

Answer 2

摘自here

    div > p {
       background-color: yellow;
    }

选择并设置父元素为div元素的每个p元素

Answer 3

这意味着直系后代。这值得阅读http://www.w3schools.com/cssref/css_selectors.asp

Answer 4

儿童组合者描述了两个元素之间的童年关系。子组合子由“大于号”（U + 003E，＆gt;）字符组成，并分隔两个简单选择器序列。

示例：

以下选择器表示一个p元素，它是body的子元素：

body＆gt; p以下示例组合了后代组合子和   儿童组合者。

div ol＆gt; li p它代表一个p元素，它是li的后代   元件; li元素必须是ol元素的子元素; ol   元素必须是div的后代。请注意可选的白色   “＆gt;”周围的空间组合器已被排除在外。

参考https://www.w3.org/TR/selectors/#child-combinators

Answer 5

这意味着直系后代。

例如，此处的footer是直接后代，而p则不是。

<div>
    <footer>
        <p>
        </p>
    </footer>
</div>

Answer 6

这意味着直接的孩子。

指某些元素的直接孩子。

示例1：

Parent_1

 child_1

 child_1

Parent_2

 child_2

示例2：

<div>
    <p class="some_class">Some text here</p>     <!-- Selected [1] -->
    <blockquote>
        <p class="some_class">More text here</p> <!-- Not selected [2] -->
    </blockquote>
</div>

hat意味着选择器div > p.some_class仅选择直接位于div中的.some_class段落，而不是在其中嵌套的段落。

Check here more..

check here more.. 2

＆gt;的目的是什么？在CSS文件中

6 个答案: