css 选择器 element+element.html

最新推荐文章于 2023-08-09 20:56:21 发布

学无止境慢慢来

最新推荐文章于 2023-08-09 20:56:21 发布

阅读量246

点赞数

分类专栏： CSS

原文链接：https://www.w3school.com.cn/cssref/css_selectors.asp

版权

CSS 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 选择器 element+element</title>
    <style>
        /*参考：https://www.w3school.com.cn/cssref/css_selectors.asp
        知识点：
            1.element+element 选择器用于选取第一个指定的元素之后（不是内部）紧跟的兄弟元素。
              div+p    选择紧接在 <div> 元素之后的所有 <p> 元素（经测试不是）。

              实例：
              <div class="weather-info">
                    <!-- <span>28℃~22℃</span>
                        <span>东南风3~4级</span>
                        <span>xxxx</span> -->
                </div>

                div.weather-info span + span {
                    // 此 css 选择器选择的元素是
                        <span>东南风3~4级</span>
                        <span>xxxx</span>
                }
        */
        div + p {
            background-color: yellow;
        }
    </style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div>
    <p>我是唐老鸭。</p>
    <p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
<p>我的样式不会改变。</p>
</body>
</html>

学无止境慢慢来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 选择器 element+element.html

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css element+element 选择器</title> <style> /*参考：https://www.w3school.c...
复制链接

扫一扫