通用兄弟选择器使用波浪号(即通用兄弟组合符)来选择在第一个选择器之前的所有元素,而不要求它们是第一个选择器的直接兄弟元素。 猫头鹰选择器 猫头鹰选择器用于选择所有具有前置兄弟元素的元素,用来在一个容器内的元素之间添加间距,但不包括第一个元素,因为第一个元素没有前置兄弟元素。 属性选择器 属性选择器用于选...
一、初级选择器 1.1 基础选择器 通配符（*）选择器 语法：*{属性：属性值；} 说明：*表示页面中所有的元素（标签），我们常用来重置样式。实例：*{ margin: 0;padding: 0;} 标签（元素）选择器 语法：标签名{属性：属性值；} 说明：标签选择器就是使用结构中元素名称直接作为选择符。实例：div{ width: 10...
兄弟选择器(sibling combinator) ◼ 兄弟选择器一:相邻兄弟选择器 使用符号 + 连接 image.png ◼ 兄弟选择器二: 普遍兄弟选择器 ~ 使用符号 ~ 连接 image.png 选择器组 – 交集选择器 ◼ 交集选择器: 需要同时符合两个选择器条件(两个选择器紧密连接) 在开发中通常为了精准的选择某一个元素; image.png...
4.通配符选择器 直接以***基本选择器代码总结:开头,通常用于清除默认样式,比如网页的内外边距 元素选择器~通配符选择器代码总结: <!DOCTYPEhtml>基本选择器总结/* 第一种,元素选择器 *//* div { color: red; } *//* ... *//* 第二种,类选择器 *//* .box { color: red; } *//* ... *//*...
选择器就是给标签起来个名字，样式通过名字对应指定的标签。三大选择器 标签选择器 标签选择器会选择页面上所有的这个标签的元素，选择同类标签 类选择器 可以多个标签归类，使用同一个class，可以复用。 格式：.class的名称{} ID选择器 id必须保证全局唯一，同类选择器类似。 格式：#id名称{} ...
根据使用的需求,选择器一般有两种类型:“常规”、“联级”。 1)常规 常规类型中常见使用有三种:“基本型”、“多选型”和“无边框型”。 当实际业务需求对于,下拉面板中选项有特殊要求,还可以将选择器进行功能拓展,如:“菜单分组”、“搜索”、“可清除”。
伪类选择器的标志就是单冒号:link :active :hover :visited :nth-child():匹配第N个⼦元素 :first-child():匹配第⼀个⼦元素 [target]{/选择带有 target 属性的所有元素。/ 样式 } [target=_blank] 选择带有 target="_blank" 属性的所有元素。 a[href^="https"] 选择其 href 属性值以 "https" ...
一、基本选择器 通配选择器 作用:可以选中所有的HTML元素。 语法: * { 属性名: 属性值; } 举例: /* 选中所有元素 */* {color: orange;font-size:40px; } 备注:目前来看通配选择器貌似有点鸡肋,但后面清除样式时,会对我们有很大帮助。 元素选择器 ...
简单选择器是一种 HTML 元素类型,可以单独出现,也可以后面紧跟单个 ID、一个或多个类以及一个伪类的任意组合(按任何顺序)。通用选择器 (*) 也被视为简单选择器,尽管它应用于网页中的每个元素。当选择器与网页中的某个元素匹配时,与该选择器关联的样式规则将应用于匹配元素。
02 选择类型 大多数朋友对选择的使用认识,在设计执行中,选择器是应用最广泛的,常用的包含有基础选择器单选框、多选框,演变的下拉单选框、下拉多选框,变异体的级联选择器、穿梭框、树选择器。 共同的认识中,各大设计系统平台,组建规范里将这些内容归类到数据录入模块内。