CSS实践详解总结

梦里梦外; 2023-01-20 13:57 15阅读 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 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS实践详解总结

【1】CSS选择器 ① 类选择器 1.后代选择使用类选择器选择父类下面的所有后代。这里是父类与子类选择器 .wrapper-item .

梦里梦外;/ 2023年01月20日 13:57/ 0 赞/ 16 阅读

相关 Git实践详解总结

【1】常见问题 ① Git :fatal: refusing to merge unrelated histories解决两个分支是两个不同的版本，具有不同的提交

迈不过友情╰/ 2022年11月20日 05:51/ 0 赞/ 182 阅读

相关 CSS选择器详解（总结）

一、CSS选择器。 ![这里写图片描述][20160417120833834] a、基本选择器详解。 > <table> > <thead> > <tr>

你的名字/ 2022年07月29日 11:56/ 0 赞/ 263 阅读

相关 css总结

What is CSS? 1. CSS stands for Cascading Style Sheets 2. CSS describes how HTML ele

àì夳堔傛蜴生んèń/ 2022年06月16日 12:16/ 0 赞/ 256 阅读

相关 CSS 总结

选择器 id class选择器分组嵌套选择器组合选择符伪类伪元素

傷城~/ 2022年06月05日 06:25/ 0 赞/ 324 阅读

相关 CSS总结

最近刚刚学过CSS+DIV网页样式与布局，现在来一张大导图： ![20180207165257384][]

小灰灰/ 2022年05月31日 04:48/ 0 赞/ 256 阅读

相关 CSS总结

字体样式 1、`font-size` ：设置字体的大小，最常用的值时长度（14px） 2、`xx-small | x-small | small | medium

电玩女神/ 2022年05月13日 07:18/ 0 赞/ 210 阅读

相关 CSS总结

前言学过了HTML和JS，前端的三大组成部分只差一个CSS了，今天主要是展示一下CSS的属性，了解了CSS的属性，也就会实现了。正文是什么层

喜欢ヅ旅行/ 2022年03月22日 09:47/ 0 赞/ 264 阅读

相关 css总结

CSS的总结

淡淡的烟草味﹌/ 2021年10月09日 04:04/ 0 赞/ 378 阅读

相关关于css伪类，伪元素详解总结

伪类伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。常见的几种伪类是: :link , :visited , :hover , :ac...

系统管理员/ 2021年04月19日 14:16/ 0 赞/ 576 阅读