css样式选择器

css样式选择器有以下几种：

• HTML标签选择器：html标签就可以作为样式选择器

  p {  color:red;  font-size:20px;}

  
  使用段落<p>标签作为样式选择器。
• 类选择器：在html标签中用class属性定义类名，然后使用.类名的方式在css中设置样式。

  .max {  color:red;  font-size:20px;}

  max是在html中定义的：<p class="max">max</p>。可以在一个标签中定义多个类名，即允许这种形式存在：class="one two three“只要各个类名之间使用空格隔开即可。
• ID选择器：跟类选择器的使用类似，但是在一个页面中id值唯一，所以不允许出现重复的id值，在html标签中使用id属性定义id值，在css中使用#id值的方式设置样式。

  #water {  color:red;  font-size:20px;}

  water是定义的id值。
• 关联选择器：使用空格隔开多个选择器，在关联选择器中，顺序不同都无法正常显示样式

  div p {  color:red;  font-size:20px;}

  如果这样设置样式，那么html中如下部分可以使用这个样式：

  <div>  <p>    关联选择器测试  </p></div>

  如果p不在div标签中的话就不能设置样式。但是，不管标签<p>在<div>中的哪一层都可以使用，如下，也可以使用：

  <div>  <div>    <p>关联选择器测试</p>  </div></div>

• 组合选择器：组合选择器是使用英文逗号隔开多个选择器

  div,p {  color:red;  font-size:20px;}这样设置样式意味着div和p标签的样式均设置为红色20px字体。

• 伪元素选择器：目前只有两个标签使用这个选择器，即连接<a>段落<p>。标签和伪元素之间用冒号隔开。a:link-在对这个连接没有任何操作时的样式；a:hover-鼠标滑过链接时的样式；a:active-选择这个链接时样式；a:visited-访问过后的样式。p:first-letter-段落中说个字的样式；p:first-line-段落中首行字的样式。

这几种样式选择器的优先级如下：

关联选择器>ID选择器>class选择器>html标签选择器。