类选择器(Class Selector):通过类别名称选择具有特定类别的 HTML 元素。 类选择器以.开头,后面跟着类别名称。 如下代码,.highlight选择器将选择所有具有类别为"highlight"的元素。 .highlight{background-color:yellow;} ID 选择器(ID Selector):通过元素的唯一标识符(ID)选择 HTML 元素。 ID 选择器以#开头,后...
#02 Class Selector 格式:.class值 用于选取拥有 class 这个属性,并且 class 属性值相等的 HTML 元素,例: <divclass="the-class blue">Hello World</div> .the-class{font-family: Helvetica;font-size:24px;color: yellow; }.blue{background-color: blue; } 一个class 可以套用到多个 HTML 元素上,而...
<div class='user'>你好。这是一个 DIV 元素,class='user'。</div> <div class='login'>你好。这是一个 DIV 元素,class='login'。</div> <div class='user login'>你好。这是一个 DIV 元素,class='user login'。</div> </body> 第三个div元素的背景颜色以.login中的为准,效果如下图: CSS类...
selector:pseudo-class{property:value;} 示例代码: <!DOCTYPE html><html><head><metacharset="utf-8"><title>CSS选择器</title><styletype="text/css">li{ color: red; } /*为ul中第一个li设置样式*/ li:first-child{ color: blue; }</style></head><body><ul><li>第一行</li><li>第二行...
CSS⼀个元素同时使⽤多个类选择器（classselector）⼀个元素同时使⽤多个类选择器 CSS中类选择器⽤点号表⽰。实际项⽬中⼀个div元素为了能被多个样式表匹配到（样式复⽤），通常div的class中由好⼏段组成，如<div class="user login">能被.user和.login两个选择器选中。如果这两个选择器中有...
CSS一个元素同时使用多个类选择器(class selector),CSS类选择器参考手册一个元素同时使用多个类选择器CSS中类选择器用点号表示。实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class中由好几段组成,如<divclass="userlogin">能被.user和.login
类选择器(Class Selector) 类选择器其实就是对于选择class属性时的语法糖,它使用.red的句法来代替[class~='red']这样的属性选择器: [class~='red']{color:red;}// 等同于.red{color:red;} ID 选择器(ID Selector) ID 选择器则是对于选择id属性时的语法糖,它使用#bold的句法来代替[id='bold']这样的...
基本的选择器规则(Selector) 类型(Type)选择器 类(Class)选择器 ID 选择器 参数(Attribute)选择器 通配符 组合选择器(Combinator) 子选择器和后代选择器 兄弟选择器和相邻兄弟选择器 选择器列表 伪类(Pseudo-Classes) 链接和按钮相关 表单输入相关 DOM 子节点相关 DOM 相关的其他伪类 其他 伪元素(Pseudo-elements...
/* All elements with class="spacious" */.spacious { margin: 2em; } /* All <li> elements with class="spacious" */ li.spacious { margin: 2em; } 语法 .class_name { style properties } 请注意,这相当于以下内容attribute selector: ...
类选择器(Class Selector):通过类名作为选择器,以.开头,如.red-text、.btn等。 ID 选择器(ID Selector):通过 ID 属性作为选择器,以#开头,如#header、#content等。 通用选择器(Universal Selector):选择所有元素,使用*作为选择器。 而组合选择器是由多个简单选择器组合而成的选择器,用于更精确地选择 HTML ...