CSS--复合选择器

最新推荐文章于 2024-09-17 22:59:44 发布

七拾四

最新推荐文章于 2024-09-17 22:59:44 发布

阅读量50

点赞数

分类专栏：前端1 文章标签： css

本文链接：https://blog.csdn.net/weixin_44348052/article/details/122433658

版权

前端1 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

         /* 后代选择器:所有后代 不直接跟着div1的p元素也会有样式*/
        
        #d1 p {
            color: pink;
        }
        /* 子选择器:只能选择最近一级子元素 即p一定是直接跟着div2的p */
        
        #div2>p {
            color: blue;
        }
        /* 并集选择器:集体声明,选择多组标签定义相同的样式 */
        
        #d1,
        #div2 {
            font-style: italic;
        }
        /* 伪类选择器:
            1 链接伪类: a:link 所有未被访问的链接
                        a:visited 所有已被访问的链接
                        a:hover 鼠标光标位于其上的链接
                        a:active 活动链接(鼠标按下未弹起)
            2 focus伪类:用于选取获得焦点的表单元素
                input:focus{
                } */
        
        a:link {
            color: blue;
        }
        
        a:visited {
            color: pink;
        }
        
        a:hover {
            color: black;
        }
        
        a:active {
            color: green;
        }