id:对应唯一的一个元素
class:对应一类元素
<!DOCTYPE html>
<html>
<head>
<style>
#foo{
color: red;
}
.baz{
color: Olive;
}
</style>
</head>
<body>
<h4 id="foo">Heading a</h4>
<h4 class="baz">Heading b</h4>
<h4 class="baz">Heading c</h4>
</body>
</html>
样式权重:
inline > id > class > type
<!DOCTYPE html>
<html>
<head>
<style>
#foo1,#foo2 {
color: yellow;
}
.baz {
color: blue;
}
h4 {
color: Olive;
}
</style>
</head>
<body>
<h4 id="foo1" style="color: red">Heading a</h4>
<h4 id="foo2" class="baz">Heading b</h4>
<h4 class="baz">Heading c</h4>
<h4>Heading d</h4>
</body>
</html>