CSS3-02 (6.4)

Comus_j

于 2021-06-05 01:31:00 发布

阅读量53

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_42044885/article/details/117561469

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

并集选择器标签之间用逗号连接，元素1，元素2 {样式声明} 如下代码所示：

<style>
        div,p,.pig li{
            color: pink;
        }
    </style>
</head>
<body>
    <div>熊大</div>
    <p>熊二</p>
    <span>光头强</span>
    <ul class="pig">
        <li>小猪佩奇</li>
        <li>猪爸爸</li>
        <li>猪妈妈</li>
    </ul>
</body>

2.伪类选择器：用于向某些选择器添加特殊的效果，或选择第1个，第n个元素。
伪类选择器书写最大的特点是用冒号（：）表示，比如：：hover、：first-child。
链接伪类选择器：
1，a:liink 选择未被访问的连接
2, a:visited 访问所有已被访问的链接
3，a:hover 选择鼠标指针位于其上的链接
4，a:active 选择活动链接（鼠标按下未弹起的链接）
链接伪类选择器的注意事项
1，为了确保生效，请按照LVHA的循环顺序声明：link,visited,hover,active。
常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器

后代选择器：

   <style>
            ol li{
                color: pink;
            }
    </style>
</head>
<body>
    <ol>
        <li>olde1 </li>
        <li>olde2</li>
        <li>olde3 </li>
    </ol>
    <ul>
        <li>ul1</li>
        <li>ul2</li>
        <li>ul3</li>
    </ul>
</body>

=================================================================================================
css的显示模式：
作用：网页的标签非常多，在不同地方会用到不同的标签，了解他们的特点可以更好的布局我们的网页：块元素，行内元素

块元素：h1-h6,p,div,ul,ol,li等，其中div标签是最典型的块元素
块元素的特点：