再次强烈谴责 W3School，写的根本就是错的，而且怎么发邮件也不改过来。 选择器效果[attr]el.attr !== undefined[attr=value]el.attr === 'value'[attr^=value]el.attr.startsWith('value')[attr$=value]el.at

要为不同的HTML对象定义相同的样式时，可以采用群组声明。如，希望 h2 元素和段落的文本都为灰色，则可以使用以下声明： h2, p { color: gray; } 上述规则在选择器中指定了多个对象，对象之间用逗号来分隔。逗号告诉浏览器，规则中包含

子选择器（E > F），就是只选择元素的直接后代（即子元素），而不选择其它后代的选择器。这就是子选择器与后代选择器的区别。子选择器中，> 两侧的空白符是可选的。 在上一节导航菜单的例子中，假如我们希望第一级列表

结构伪类选择器，可以根据元素在文档中所处的位置，来动态选择元素，从而减少HTML文档对ID或类的依赖，有助于保持代码干净整洁。 表 2-6 结构伪类选择器选择器功能描述版本E:last-child选择父元素的倒数第一个子元素E，相当于E:nth-last-chil

UI状态伪类选择器，用于选择处于某种状态下的UI元素，主要用于HTML表单上，根据表单元素的不同状态，定义不同的样式，来增强用户体验。 表单元素的状态包括获得焦点、失去焦点、选中、未选中、可用、不可用、有效、无效、必填、选填、只读等等

一、伪类和普通类的区别 伪类和类之间有一定的相似之处，也存在明显的区别。 普通的类：必须给标签设置对应的 class 属性值，才能选中标签，而且类选择器后面添加的属性，会立即加载到浏览器之上。 伪类：不需要给标签添加任何属性ÿ

>css选择器： 元素（标签）选择器：h1{ css} p{ css}类选择器：.class名{ css} 类选择器可以结合元素使用 如：p.class名{ css} 类可以写多个，空格隔开 <p class="color font"/>id选择器：# id值{ c

今天看了一下css的一个匹配规则^=,可以理解为sql里面like的左匹配， 如： span[color^="#ff"]{ background:#0000ff;} 即为选择span color属性以ff开头的元素添加背景色。ps:这是css属性选择器的一种：[attribute^=value] ，用来

1.基本选择器语法2.浏览器兼容性：浏览器对基本选择器都是一路绿灯通行，可以放心使用。3.通配选择器：选择所有元素，也可以选择某个元素下的所有元素(1)选择所有元素： *{margin: 0;padding: 0;}(2)某个元素下的所有元素：.demo *{back

1. CSS选择器判断过程： 第一步：判断选择器的权重(多重组合样式同理，多个class<一个id); 权重从大到小依次为: !import元素行内样式ID选择器伪类选择器/属性选择器>类选择器tag标签选择器*通配符继承第二步: 同种类型的权重判断选择器的顺序 同种类