说明:选择器1和选择器2中间用空格隔开,表示选择选择器1中包含选择器2的所有后代元素。实例: 标题1 段落1 段落2 .box p { color: red;} 子代选择器 语法:选择器1>选择器2{属性:属性值;} 说明:用来选择紧挨着选择器1(父元素)的第一层符合选择器2的子元素。实例: 标题1 标题2 .box > h2...
① input[value] {} :选择具有value属性的input标签 ② input[value="123"] {} :选择value属性值为"123"的input标签 注意事项: (1)属性选择器(即[属性])的权重是0,0,1,0; (2)标签[属性] 的权重是标签权重+属性选择器权重。 2 结构伪类选择器(上) 首先是第一类常用的结构伪类选择器,这类选择器常用...
id选择器 标签选择器 通配符选择器 通配符选择器 属性选择器 [attribudeName] 属性选择器1 属性选择器2 [attribudeName = xxx] 属性选择器也可以是 [attribudeName = xxx] 类似于id选择器 idName {} [id = idName]{} [attribudeName ~= xxx] 是指属性名包含这个xxx名称的,且是以空格为分隔符的 类选...
1. 基本选择器 --标签选择器:标签名{…} --类选择器:.类名{…} --ID选择器:#id名{…} --通配选择器(通配符):*{…} 2. 组合选择器 --包含选择器:通过空格来表示,前面一个选择器表示父节点,而后面的选择器表示子节点。 --子选择器:以“>”表示,子选择器是指定父元素包含下的子元素。 --相邻选...
通过元素的 class 属性中的样式类名选中元素,区分大小写 最推荐使用的 CSS 选择器,因为类选择器语义化强,且方便重置样式。 重点词汇 1. .important{ color: red; font-weight: bold; } 1. 2. 3. 4. 同一个元素,可以添加多个样式类,用空格隔开 巨大的重点词汇 1. .important { color...
CSS属性选择器,是根据属性或属性值来查找元素; 基本语法为:Element中括号attribute([əˈtrɪbju:t ])(Element[attribute])或者Element,中括号attribute等于value(Element[attribute=’value’]),实现快速精准查找元素。 在这里注意的是:element译为元素,attribute译为属性,Element attribute 的含义是:查找带有该属...
该选择器要求属性attr对应的属性值中包含value,如果包含则选中该元素。我们将第二个DIV进行代码编写,如下:2 我们定义如下选择器:[class*="val1"]{background-color:magenta;} 通过以上选择器我们可以选中第二个DIV,并实现样式设置,我们将背景颜色改为magenta。实现效果如下:7、[attr$=value]选择器 该方法用...
该选择器要求属性attr对应的属性值中包含value,如果包含则选中该元素。我们将第二个DIV进行代码编写,如下:2 我们定义如下选择器:[class*="val1"]{background-color:magenta;} 通过以上选择器我们可以选中第二个DIV,并实现样式设置,我们将背景颜色改为magenta。实现效果如下:7、[attr$=value]选择器 该方法用...
属性选择器 1.[attr][attr] 选择器匹配所有包含 attr 属性的元素:// HTML// CSS[display]{// declarations} 元素会被选中。2.[attr="value"][attr="value"] 选择器会匹配所有 attr 属性值为 value 的元素:// HTML// CSS[display="inline"]{// declarations} 会被选中。3.[attr~="value"][...