HTML5+CSS3学习笔记7 常用选择器

• P30 常用选择器

常用选择器

元素选择器：

• 作用：根据标签名来选中指定的元素
• 语法：标签名 {}
• 例子：p{}、h1{}、div{}

id选择器：

• 作用：根据元素的id属性值选中一个元素
• 语法：#id属性值{}
• 例子：#box{}、#red{}

<style>
#red {
    color:red;
}
</style>

... 

<p id="red">poetea真帅！</p>

类选择器：

• 作用：根据元素的 class 属性值选中一组元素
• 语法： .class属性值

class 是一个标签的属性，它和 id 类似，不同的时 class 可以重复使用

可以通过 class 属性来为元素分组。

<style>
    .blue {
        color:blue;
    }
</style>

...

<p class="blue">poetea真帅！</p>

通配选择器：

• 作用：选中页面中的所有元素
• 语法：*