CSS层叠样式基础知识1-选择器、文本、背景属性

197 阅读1分钟

1.Emmet语法

image.png

image.png

2.CSS选择器

image.png

派生(层级)选择器

 派生选择器--后代:父元素 子元素(包括直接子元素,及其所有后代元素) 
        div li {
            color: salmon ;
            list-style-type: none;
        }
         子集选择器:父元素>子元素(获取直接子元素,并改变其样式) 
        .box>p{
            color: blueviolet;
        }
         相邻兄弟:兄元素+弟元素 (作用域:该元素的之后的第一个元素)
        .zhu+li{
            color: darkgoldenrod;
        }
         通用兄弟 (作用域:该元素之后的所有兄弟元素)
        .sun~li{
            color: springgreen;
        }

链接伪类选择器: 属性有四个:lvha

a:link(未访问过的链接)a:visit(已经访问过的链接) a:hover(鼠标放上去的现象)a:active(正点下去还没弹起时)

image.png

结构伪类选择器: image.png

属性选择器

image.png

3.CSS 文本属性

image.png

4.CSS背景总结

image.png