CSS实践详解总结

HTML5 专栏收录该内容
6 篇文章 0 订阅

【1】CSS选择器

① 类选择器

1.后代选择

使用类选择器选择父类下面的所有后代。

#这里是父类与子类选择器
.wrapper-item .layui-form-label{
     width: 25%;
 }
    
<div class="wrapper-item">
  <label for="name" class="layui-form-label">
        <span class="we-red">*</span>姓名
    </label>
</div>

使用类选择器选择后台中某个标签元素

#父类与子标签
.myitem span{
    padding: 5px 0px;
}

<div v-for="item in myscoreList" class="list-group-item myitem "  >
    <span style="width: 10%">{{item.userName}}</span>
    <span style="width: 10%">{{item.courseName}}</span>
    <span style="width: 10%">{{item.score}}</span>
    <span style="width: 50%">{{item.appraise}}</span>
    <span style="width: 10%">{{item.createTime}}</span>
    <span style="width: 10%" class="mydel">删除</span>
</div>

2.类与元素结合

选择元素class属性中包含某个class的元素

label.wrapper-item {
     width: 25%;
 }
<label for="name" class="layui-form-label">
	<span class="we-red">*</span>姓名
</label>
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 程序猿惹谁了 设计师:白松林 返回首页

打赏

流烟默

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值