lanchengxiaoxiao的专栏

1、元素选择器最常见的css选择器当属元素选择器了，在HTML文档中该选择器通常是指某种HTML元素，例如：p,h2,span,a,div乃至html。例如：html {background-color: black;}p {font-size: 30px; backgroud-color: gray;}h2 {background-color: red;}以上css代码会对整个文档添加黑色背景；将所有p元素字体大小设置为30像素同时添加灰色背景；对文档中所有h2元素添加红色背景。

介绍 | Vue Loadervue-loader.vuejs.org/zh/guide/scoped-css.html::v-deep我们知道，在Vue组件的style标签里，加上scoped属性，会使写的样式只影响当前的组件，不会影响到子组件。去掉scoped就可以了，但是去掉scoped同时也会导致其他问题，可能会影响到别的。有什么方法能在父组件的css里影响子组件的样式，同时保留scoped呢？deep有两种写法，::v-deep兼容性最强， 优先使用这个。使用方法：在想

深层样式 : >>> 别名 /deep/ ::v-deep给父元素添加 类名 需要 借助于深层样式 >>> 只可使用于css<style>.box >>> .el-input__inner{ padding:0 }</style>/deep/ 如果有scoped 但 不使用第三方css扩展语言，可以使用<style scoped >.box /deep/...

ul li 这两个是一起的ul li{ margin:0px; padding:0px; list-style-type:none} 首先初始化一下 便于兼容一般用于列表， 导航li{ float:left} 就是横向排列了a 就是超链接/* 连接样式 顺序不能乱 */a{color: #027fb5;text-decoration:none;} /* 未访问的链接 *//* a:visited {color: #00FF00}已访问的链接 */a:hover {color: #666; t

一、什么是CSS优先级？　　所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。　　二、CSS优先级规则　　既然有优先级，那么就会有一个规则来约定这个优先级，而这个“规则”就是本次所需要讲的重点。　　样式表中的特殊性描述了不同规则的相对权重，它的基本规则是： 　　1. 统计选择符中的ID属性个数。 　　2. 统计选择符中的CLASS属性个数。 　　3. 统计选