css选择器

元素选择器

元素选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身

note
  {
  font-family:Verdana, Arial;
  margin-left:30px;
  }

to
  {
  font-size:28px;
  display: block;
  }

from
  {
  font-size:28px;
  display: block;
  }

heading
  {
  color: red;
  font-size:60px;
  display: block;
  }

body
  {
  color: blue;
  font-size:35px;
  display: block;
  }

选择器分组

通过分组，创作者可以将某些类型的样式“压缩”在一起，这样就可以得到更简洁的样式表
假设希望 h2 元素和段落都有灰色。为达到这个目的，最容易的做法是使用以下声明：

h2, p {color:gray;}

我们既可以对选择器进行分组，也可以对声明分组。

h1 {font: 28px Verdana;}
h1 {color: blue;}
h1 {background: red;}

类选择器

类选择器允许以一种独立于文档元素的方式来指定样式。

.important {color:red;}

该选择器可以单独使用，也可以与其他元素结合使用。

p.important {color:red;}
h1.important {color:blue;}

.important {font-weight:bold;}
.warning {font-style:italic;}
.important.warning {background:silver;}

id选择器

ID 选择器允许以一种独立于文档元素的方式来指定样式。
首先，ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。

*#intro {font-weight:bold;}

与类选择器一样，ID 选择器中可以忽略通配选择器

#intro {font-weight:bold;}

文本框对齐

css选择器	权重
important	1000
id	100
class	10
元素	1