2、并集选择器 语法: 选择器1,选择器2{css样式} 并集选择器:同时选择多组标签,设置相同的样式 结果:找到选择器1和选择器2选中的标签,设置样式 注意: 选择器与选择器之间用,隔开 可以是基础选择器或者复合选择器 每组选择器通常一行写一个,提高代码的可读性 p,div{color: red; }这个元素会被应用样式这个元素...
该系列一共有 3 篇,包括《选择器》、《CSS 选择器的命名》和《CSS 伪类》是《CSS 选择器世界》(张鑫旭 著)的学习笔记。本篇是该系列第一篇 《选择器》,帮助自己日后温故知新,也希望对其他人有帮助。 1. CSS 选择器的优先级 1.1. 优先级规则 CSS 选择器优先级从高到低可以分为:!important-->style属性...
这是class类选择器。id和class类选择器的区别是,类选择器可以定义多个元素。当你想定义一组元素的样式时可以使用class选择器。另外,可以使用id选择器来定义某一个特定的元素。 4. X li a {text-decoration: none;} 下一个最常见的选择器是descendant后代选择器。当你需要更精确地定位时,可以使用后代选择器。例...
2.2. 子元素选择器 子元素选择器和后代选择器类似,不过子元素只找子元素,不会把所有的后代都找一遍 复制代码 .page >p{color:red} 2.3. 相邻兄弟选择器 相邻兄弟选择器是用来选取某个元素紧邻的兄弟元素,它的语法是"选择器A + 选择器B" 复制代码 h1+p{margin-top:20px;color:black;} 2.4. 通用兄弟选择...
2.1 伪类与伪元素 在CSS中有两种“伪”字头的选择器:伪类(pseudo-class)和伪元素(pseudo-element)。CSS2.1中的伪类有: :link——未访问过的链接; :visited——访问过的链接; :hover——鼠标悬停的元素; :focus——获取焦点的元素; :active——激活的元素(例如一个被单击的链接元素); :first-child——作为其...
主要内容背景属性、字体属性、文本属性、列表属性、表格属性、其他属性、关系选择器、伪类选择器、伪对象选择器和属性选择器 第一节 背景属性 CSS背景属性主要有以下几个 1.1background-color属性 该属性设置背景颜色 .box{ width: 300px; height: 300px; background...
css选择器的分类: 1.常用的选择器: 元素选择器(根据标签名来选)、 id选择器(是一个元素的唯一标识) 、 class选择器(也被称为类选择器,class可以重复使用,可以用在多个元素中)、 通配选择器: * 2.复合选择器: 交集选择器–选择器1选择器2选择器n{}–注意中间没空格(交集选择器中如果有元素选择器必须以元...
在上两篇文章里,《这30个CSS选择器,你必需熟记(上)》和《这30个CSS选择器,你必需熟记(中)》这两篇文章里,我们一起学习了前20个,本篇文章我们一起学习剩下的10个选择器。 21、 X::pseudoElement 伪元素选择器 我们可以使用伪元素(用::表示)来定义某些片段元素,比如第一行或第一个字母。要记住的是这只能...
CSS 选择器用于“定位”我们想要给予“样式”、“规则”的 HTML 元素。 对于CSS 的“样式”、“规则”,我们可以拆分理解: h1{color:red;background:yellow;} 4.1 元素选择器 p{color:yellow;}div{background:yellow;}p,div{font-family:sans-serif;} ...
:only-child 匹配获取E选择器选择的元素的父元素当中,只有唯一该类型的子元素 我是唯一子元素。 我也是唯一子元素。 我是第二个兄弟元素。 我不是 p:only-child { color: red; } :checked 选取勾选状态下的input 元素 只对 radio 和checkbox 有效 苹果香蕉橙子</...