状态伪类根据当前元素的状态来设置 获取焦点时选择时边框变色 .login :focus {outline: 1px solid red;border-bottom: none;} 效果图 所有必填项添加填色 .login :required { ...

通过3月15日直播课程的学习,熟悉了选择器中的伪类选择器的应用,掌握了关于选择器权重的相关知识,以及box-sizing属性的实际用法和好处。 1. 伪类选择器伪类选择器分类两种：一是结构伪类选择器，二是状态伪类选择器。 1.1 结构伪类 :nth-...

这是权重权重我在这里就不一一上次效果图了一次性展示吧 权重(002)>(001) html body h1.title { color: green; background-color: violet;} 权重(003)>(002) ht...

选择器权重原子选择器 tagclassid选择器的权重：html 这是一个标题 样式 h1{color:red;} < .a h1{color:yellow} < #b.a h1{color:gerrn} 伪类选择器 :hover: 鼠标悬停:e...

这是我学习的第五天CSS结构伪类1.查询路口：七点，可以是父级，也可以是起始兄弟，仅限子元素或同级兄弟，尽量用’>’只有一级用空格 传统：class叠加 .list > .item.first { background-color: blue...

伪类选择器1.1 结构伪类1.:nth-child() 红色 蓝色 ...

程序实现

知识点: 伪类 分为结构味蕾 和状态伪类 结构伪类为 nth-child frist-child last-child nth-last-child 状态伪类 ...

一. css中的选择器及其权重 概括：当出现样式层叠时（使用不同的选择器但是匹配到的是同一个元素且设置的是同一个样式属性）由选择器的权重或者在样式表中的位置决定 1. 选择器权重 选择器的权重的值由四个独立的部分 a,b,c,d 组成。进行复合选择...

伪类选择器:根据元素的位置或状态来匹配相关元素,相比标签/属性/上下方选择器相比,其最大的优势是,不用在原始的html文件上做额外操作. 结构伪类:依据元素的位置来选择核心结构是:nth-child(an + b)an+b里,需要设置好a和b两个值...

在CSS选择器中,在最基本的标签选择器(div,P等)和属性选择器([],.class,#id)之外,稍微有点难度的就是位置选择器:所谓位置选择器就是根据已经明确的选择内容通过一定的表示方法,选择出其子代,后代,兄弟或后面的同级元素,以此来添加相应显...

CSS 基础1. 标签 : 视频元素: 音频元素: 内联框架标签 2. 元素来源 预定义(浏览器默认的)自定义(用户自己写的)继承样式(简化,例如字体,字号,前景色)如图： 3. 自定义样式类型 行内样式:ele.style, 当前元素文档样式...

上下文选择器 父子: > (仅限父子)后代: 空格 (后级所有元素,包括子集,孙子,重孙…)兄弟: + (相邻的下一个元素,紧跟的且只有一个)同级: ~(与当前元素同级的后面的全部元素)

选择器上下文选择器上下文选择器 父子选择器（标识符“>”,仅限父子使用）代码演示： 红色 蓝色