CSS中重要的三个选择器

HTML是一种超文本语言，这种语言对于外观从不关心，它只是一种简洁的小型标记机制，而CSS支持更丰富的文档外观，CSS可以为任何元素的文本和背景设置颜色，允许在任何元素外围创建边框及许多其他的效果。CSS是对HTML的展现，如果HTML是糖心，那CSS是包裹的糖纸。

元素选择器

元素选择器就是以HTML标签作为目标的选择器。

CSS语言

div {
    color: red;
}

 HTML语言

<div>
    <h1>我在div里</h1>
    <h2>我在div里</h2>
</div>
<p>我在div外</p>

 元素选择器的元素是div元素，div包含h1和h2，只有p在div外面，所以p不是红色的。

类选择器

类选择器是一种独立于HTML元素来指定样式的选择器

.warning{
    color: red;
}

 如果类选择器适用于所有元素，在“.”的前面加个“*”号

*.warning{
    color: red;
}

 ID选择器

在ID选择器的前面有个#号

#warning-title {
    font-weight: bold;
}

 ID选择器可以跟别的选择器使用，但是ID是用来标记HTML元素的唯一记号。不能在一个页面使用超过一个同名ID。