CSS常用五类选择器，前端开发与后端开发

p.important {color:red;}

h1.important {color:blue;}

⑵多类选择器

在 HTML 中，一个 class 值中可能包含一个词列表，各个词之间用空格分隔。
例如，如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作：

This paragraph is very important warning.

注：这两个词的顺序无关紧要，写成 warning important 也可以。

假设 class 为 important 的所有元素都是粗体，而 class 为 warning 的所有元素为斜体，class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。

就可以写作：

.important {font-weight:bold;}

.warning{font-style:italic;}

.important .warning{background:silver;}

通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。

如果一个多类选择器包含类名列表中没有的一个类名，匹配就会失败。

㈥属性选择器

属性选择器可以根据元素的属性及属性值来选择元素。

⑴简单属性选择

如果希望选择有某个属性的元素，而不论属性值是什么，可以使用简单属性选择器。

例子 1:把包含标题（title）的所有元素变为红色，可以写作：

[title] {color:red;}

例子 2:只对有 href 属性的锚（a 元素）应用样式：