15CSS3选择器——常用选择器

最新推荐文章于 2022-07-12 17:36:21 发布

远近2021

最新推荐文章于 2022-07-12 17:36:21 发布

阅读量87

点赞数

分类专栏： htmlcss学习园地 # css3学习文章标签： css3

本文链接：https://blog.csdn.net/weixin_47197906/article/details/119677149

版权

htmlcss学习园地同时被 2 个专栏收录

91 篇文章 6 订阅

订阅专栏

css3学习

25 篇文章 3 订阅

订阅专栏

CSS 的常用选择器包括了通配符选择器、元素选择器、类选择器等。CSS3 中新增了一个常用选择器：

通用兄弟元素选择器（E~F）

E 和 F 属于同一父元素之内，并且 F 在 E 之后，通用兄弟选择器会选择符合这样排列的所有的 F 元素。

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .test ~ p {
            background: red;
        }
    </style>
</head>
<body>
    <div>
        <p>1</p>
        <p class="test">2</p>
        <p>3</p>
        <p>4</p>
        <p>5</p>
        <p>6</p>
        <p>7</p>
    </div>
    <p>8 out of div</p>
</body>

在这里插入图片描述
可以看到，选择器