CSS 选择所有子元素添加样式

方法：> *

以实际项目中less为例：

.lk-toolbar {.el-input {width: 169px;margin-right: 10px;}> * {margin-bottom: 20px;}
}

上面代码成功实现了 .lk-toolbar 下一切子元素的 margin-bottom: 20px

这么一来避免罗列各种可能出现的子元素类型，傻逼式操作：

.lk-toolbar {.el-input {width: 169px;margin-right: 10px;margin-bottom: 20px;}.el-button, .el-date-editor {margin-bottom: 20px;}
}

应用场景（效果）：

感悟（废话）：

一开始纳闷CSS中到底有没有这种选择全部子元素的选择器呢，后来看了下文档，发现虽然没有，但是最基本的方法人家已经告诉你了，剩下的就靠你自己的造化了（看你会不会变通使用！）

教程OS：“方法都在这了，会不会用就看你自己了。”

CSS 选择所有子元素添加样式相关推荐

jq创建元素并设置css样式,JQuery为元素添加样式的实现方法
由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好为定义好的css样式可以调用元素的css方法添加样式 $("span").cs ...
vue选中点击的元素_vue中v-for循环选中点击的元素并对该元素添加样式操作
相信大家都会遇到这种情况:v-for循环时,我只需要点击到的元素做出相应反应,其他的元素不变:但是往往所有v-for循环出的元素都会变化.如下面的代码:我需要点击到的元素添加一个类样式,其他元素不变, ...
css给非最后一个子元素添加样式
要使用CSS选择元素中除最后一个之外的所有子元素,可以使用使用:not和:last-child选择器. 语法: element:not(:last-child) { // CSS样式 } :not(s ...
css为元素添加样式,JQuery如何为元素添加样式
为定义好的css样式可以调用元素的css方法添加样式复制代码代码示例: $("span").css("css属性名","属性值") 如 ...
jquery给id加css,JQuery为元素添加样式
由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好为定义好的css样式可以调用元素的css方法添加样式 $("span").cs ...
web前端CSS选择符:表示要定义样式的对象
1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; background:red;} 语法:元素名称{属性:属性值:} 说明: a ...
JQUERY为元素添加样式的实现方法
由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好为定义好的css样式可以调用元素的css方法添加样式$("span").css( ...
给html元素追加style,JS给元素添加样式的2种方法
在jquery中,可以使用addClass()方法或css()方法来添加css样式. 1.使用addClass() 方法添加css样式 addClass()方法向被选元素添加一个或多个类.该方法不会移 ...
jquery给元素添加样式表的方法
//1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr(&qu ...
CSS（二）元素基础样式、字体属性、文本属性
目录一.元素基础样式 1. 尺寸和单位 2. 颜色 3. 边框 4. 元素的分类 5. 显示和隐藏属性二.字体属性三.文本属性一.元素基础样式 1. 尺寸和单位宽度width和高度heigh ...

CSS 选择所有子元素添加样式

应用场景（效果）：

感悟（废话）：

CSS 选择所有子元素添加样式相关推荐

最新文章

热门文章