CSS学习笔记(1):选择器 - 谭力凡

一、元素选择器

HTML文档元素就是最基本的选择器

如：

DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>indextitle>
style type="text/css">
    p {color:blue;}
style>
head>

body>
    p>这一段话是蓝色的。p>
body>
html>

示例将

元素的字体颜色设置为了蓝色，元素选择器将作用于文档内所有的

元素。同样，我们也能够同时为多个元素应用一种样式，如：

DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>indextitle>
style type="text/css">
    h1,p {color:blue;}
style>
head>

body>
    h1>标题颜色h1>
    p>这一段话是蓝色的。p>
body>
html>

为多个元素应用样式时，用逗号分隔。

*作为通配选择器，可以与任何元素匹配。

格式：元素|通配符

二、类选择器

类选择器的样式与元素关联，需要为class属性指定一个适当的值，如：

DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>indextitle>
style type="text/css">
    .one {color:blue;}
style>
head>

body>
    p class="one">第一段。p>
    p>第二段p>
    p class="one">第三段p>
body>
html>

格式：.类名

代码中有3个

元素，其中有两个指定了class属性，即class="one"，在]开头后面跟上指定的class属性值。类选择器可以对多个且不同元素指定同样的class值。