CSS Id 和 Class选择器 | 您所在的位置:网站首页 › id选择器类选择器 › CSS Id 和 Class选择器 |
CSS Id 和 Class
id 和 class 选择器
如果你要在 HTML 元素中设置 CSS 样式,你需要在元素中设置 "id" 和 "class" 选择器。 id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML 元素以 id 属性来设置 id 选择器,CSS 中 id 选择器以 # 来定义。 以下的样式规则应用于元素属性 id = "para1": 实例 #para1 { text-align:center; color:red; } 尝试一下 »
class 选择器用于描述一组元素的样式,class 选择器有别于 id 选择器,class 可以在多个元素中使用。 class 选择器在 HTML 中以 class 属性表示, 在 CSS 中,类选择器以一个点"."号显示: 在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。 实例 .center {text-align:center;} 尝试一下 »你也可以指定特定的 HTML 元素使用 class。 在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中: 实例 p.center {text-align:center;} 尝试一下 »
除了提到的 id 和 class 选择器外,第三种选择器为标签选择器,即以 HTML 标签作为 CSS 修饰所用的选择器。 实例h3{color:red;} W3cschool教程 尝试一下 » 内联选择器第四种内联选择器即直接在标签内部写 CSS 代码。 实例W3cschool教程 尝试一下 »这四种 CS 选择器有修饰上的优先级,即: 内联选择器 > id选择器 > 类选择器 > 标签选择器 扩展阅读在 HTML 标签中设置 CSS 样式时,有多种 CSS 选择器可供选择,你可以参考本站的CSS3选择器归类整理(包含了CSS3中新增的选择器)来了解更多有关CSS选择器的内容。 |
CopyRight 2018-2019 实验室设备网 版权所有 |