注意：起id名时不能用关键字（所有标签和属性都是关键字），并且一个id名称只能对应文档中一个具体的元素对象，因为id的特殊性，只能代表页面中某一个唯一的元素对象，就好比我们的身份证号，一个人只能对应一个唯一的id。1.2 结构选择器 后代（包含）选择器 语法：选择器1（父） 选择器2（子）{属性：属性值...
1、毗邻选择器必须通过+号链接 2、毗邻选择器只能选中紧跟其后的那个标签,不能选中被隔开的标签 4、弟弟选择器,CSS3推出(又称通用兄弟选择器) #1、作用:给指定选择器后面的所有选择器中的所有标签设置属性 #2、格式: 选择器1~选择器2 { 属性:值; } #3、注意点: 1、通用兄弟选择器必须用~来链接 2、通用...
属性选择器用于选择具有特定属性的元素。 使用[attribute]来选择所有具有 attribute 属性的元素: 使用[attribute=value] 来选择具有指定属性及属性值的元素: 使用[attribute~=value] 来选择具有指定属性,并且该属性的多个值中包含给定值的元素: 使用[attribute*=value] 来选择具有指定属性,并且该属性的值中包含特定部分...
ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。 伪类选择器 链接伪类/anchor伪类 CSS伪类是用来添加一些选择器的特殊效果 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {property:value;} <!DOCTYPEhtml> 菜鸟教程(runoob...
一、属性选择器(★★) 属性选择器,按照字面意思,都是根据标签中的属性来选择元素 示例代码: /* 只选择 type =text 文本框的input 选取出来 */input[type=text]{color:pink;}/* 选择首先是div 然后 具有class属性 并且属性值 必须是 icon开头的这些元素 */div[class^=icon]{color:red;}/* 选择首先是sect...
通过元素的 class 属性中的样式类名选中元素,区分大小写 最推荐使用的 CSS 选择器,因为类选择器语义化强,且方便重置样式。 重点词汇 1. .important{ color: red; font-weight: bold; } 1. 2. 3. 4. 同一个元素,可以添加多个样式类,用空格隔开 巨大的重点词汇 1. .important { color...
这种兄弟选择器跟X + Y很像,但没有那么严格。邻近选择器(ul + p)只会选择紧接在前一个元素后的元素,但兄弟选择器更广泛。比如,在上面的例子中,只要在ul后的p兄弟元素都会被选中。 10. X[href="foo"] a[title] { color: green;} 这种是属性选择器,在上面的例子中,带有title属性的链接标签才会被匹配...
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]选择器 该方法用...