Question

过去几天我一直在阅读有关CSS的内容，并在互联网上搜索了这个问题。

有人可以解释一下（〜）和（＆gt;）之间的区别吗？

Answer 1

一般兄弟意味着元素是在之后的另一个元素，其中子选择器的目标是直接在某些元素中的元素。

兄妹：

HTML：

<div class="brother"></div>
<div class="sister"></div>

CSS：

.brother ~ .sister {
    /* This styles .sister elements that follow .brother elements */
}

儿童：

HTML

<div class="parent">
    <div class="child">
        <div class="child"></div>
    </div>
</div>

CSS：

.parent > .child{
    /* This styles .child element that is the direct child of the parent element;
    It will not style the .child element that is the child of .child */
}

Answer 2

下面显示了一些示例，以说明如何使用CSS选择器...
例如：

div>p

上面，选择父元素为div元素的所有p元素例如：

p~ul

上面，选择由p元素

进行的每个ul元素

css中的一般兄弟组合子（〜）和子选择器（＆gt;）之间的区别

2 个答案: