说明：选择器1和选择器2中间用空格隔开，表示选择选择器1中包含选择器2的所有后代元素。实例： 标题1 段落1 段落2 .box p { color: red;} 子代选择器 语法：选择器1>选择器2{属性：属性值；} 说明：用来选择紧挨着选择器1（父元素）的第一层符合选择器2的子元素。实例： 标题1 标题2 .box > h2...
1、毗邻选择器必须通过+号链接 2、毗邻选择器只能选中紧跟其后的那个标签,不能选中被隔开的标签 4、弟弟选择器,CSS3推出(又称通用兄弟选择器) #1、作用:给指定选择器后面的所有选择器中的所有标签设置属性 #2、格式: 选择器1~选择器2 { 属性:值; } #3、注意点: 1、通用兄弟选择器必须用~来链接 2、通用...
id 选择器主要给 JS 使用 类选择器.class 通过元素的 class 属性中的样式类名选中元素,区分大小写 最推荐使用的 CSS 选择器,因为类选择器语义化强,且方便重置样式。 重点词汇 1. .important{ color: red; font-weight: bold; } 1. 2. 3. 4. 同一个元素,可以添加多个样式类,用空格隔开 巨大的重点词汇...
属性选择器(选择依据-属性) 子串匹配属性选择器 伪类选择器(:)(选择依据-状态) 锚伪类 其他伪类 伪元素选择器(::)(选择依据-内容) 结构性伪类选择器符号解析 符号选择器解析 * 通用选择器 选择每个元素 . 类选择器 选择class 属性值相同或包含的每个元素 # id选择器 选择id 属性值相同的每个元素 (元素) 元...
--包含选择器:通过空格来表示,前面一个选择器表示父节点,而后面的选择器表示子节点。 --子选择器:以“>”表示,子选择器是指定父元素包含下的子元素。 --相邻选择器:通过“+”分隔符进行定义,指定的元素关系是兄弟关系。 --兄弟选择器:以“~”表示,查找某一个指定元素的后面的所有兄弟结点。
一、属性选择器(★★) 属性选择器,按照字面意思,都是根据标签中的属性来选择元素 示例代码: /* 只选择 type =text 文本框的input 选取出来 */input[type=text]{color:pink;}/* 选择首先是div 然后 具有class属性 并且属性值 必须是 icon开头的这些元素 */div[class^=icon]{color:red;}/* 选择首先是sect...
属性选择器 1.[attr][attr] 选择器匹配所有包含 attr 属性的元素：// HTML// CSS[display]{// declarations} 元素会被选中。2.[attr="value"][attr="value"] 选择器会匹配所有 attr 属性值为 value 的元素：// HTML// CSS[display="inline"]{// declarations} 会被选中。3.[attr~="value"][...
CSS 属性选择器 ~=, |=, ^=, $=, *= 的区别 先上总结: "value 是完整单词"类型的比较符号:~=,|= "拼接字符串" 类型的比较符号:*=,^=,$= 1.attribute 属性中包含 value: [attribute~=value] 属性中包含独立的单词为 value,例如: [title~=flower] --> [attribute*=value] 属性中做字符串拆分...
属性选择器用于选择具有特定属性的元素。 使用[attribute]来选择所有具有 attribute 属性的元素: 使用[attribute=value] 来选择具有指定属性及属性值的元素: 使用[attribute~=value] 来选择具有指定属性,并且该属性的多个值中包含给定值的元素: 使用[attribute*=value] 来选择具有指定属性,并且该属性的值中包含特定部分...