注意：起id名时不能用关键字（所有标签和属性都是关键字），并且一个id名称只能对应文档中一个具体的元素对象，因为id的特殊性，只能代表页面中某一个唯一的元素对象，就好比我们的身份证号，一个人只能对应一个唯一的id。1.2 结构选择器 后代（包含）选择器 语法：选择器1（父） 选择器2（子）{属性：属性值...
属性选择器([属性])可以根据元素的属性和属性值来对符合要求的元素进行选择。 属性选择器的基础语法如下表: 举两个实例: ① input[value] {} :选择具有value属性的input标签 ② input[value="123"] {} :选择value属性值为"123"的input标签 注意事项: (1)属性选择器(即[属性])的权重是0,0,1,0; (2)...
属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择器可以根据属性名和属性值进行选择。 如下代码,input[type="text"]选择器将选择所有type属性为"text"的 元素。 input[type="text"]{border:1pxsolid gray;} 后代选择器(Descendant Selector):通过指定元素的后代关系选择 HTML 元素。 后代...
ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。 伪类选择器 链接伪类/anchor伪类 CSS伪类是用来添加一些选择器的特殊效果 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {property:value;} <!DOCTYPEhtml> 菜鸟教程(runoob...
基础选择器:标签选择器、类选择器、id选择器和通配符选择器。 复合选择器:后代选择器、子选择器、并集选择器、伪类选择器。 CSS3新增选择器:可以更加便捷自由的选择目标元素。 新增选择器种类:属性选择器、结构伪类选择器、伪元素选择器。 属性选择器 顾名思义,就是根据元素的属性及其属性值来确定目标元素。
通过元素的 class 属性中的样式类名选中元素,区分大小写 最推荐使用的 CSS 选择器,因为类选择器语义化强,且方便重置样式。 重点词汇 1. .important{ color: red; font-weight: bold; } 1. 2. 3. 4. 同一个元素,可以添加多个样式类,用空格隔开 巨大的重点词汇 1. .important { color...
关于css属性选择器常用的有: id选择器(#box),选择id为box的元素 类选择器(.one),选择类名为one的所有元素 标签选择器(div),选择标签为div的所有元素 后代选择器(#box div),选择id为box元素内部所有的div元素 子选择器(.one>one_1),选择父元素为.one的所有.one_1的元素 相邻同胞选择器(.one+.two),选...
属性选择器用于选择具有特定属性的元素。 使用[attribute]来选择所有具有 attribute 属性的元素: 使用[attribute=value] 来选择具有指定属性及属性值的元素: 使用[attribute~=value] 来选择具有指定属性,并且该属性的多个值中包含给定值的元素: 使用[attribute*=value] 来选择具有指定属性,并且该属性的值中包含特定部分...