CSS教程(四)CSS选择器分类

CSS选择器的分类:
 
1、标记选择器
     标记是元素固有的属性,CSS标记选择器用来声明哪种标记采用哪种CSS样式,因此,每一种html标记的名称都可以作为相应的标记选择器的名称。
     如下图所示,标记选择器将拥有同一个标记的所有元素全部选中。
 
 
2、伪类选择器
  • 所谓伪类就是指标记的状态。
  • 网页中的链接标记能响应浏览者的点击。a标记有四种状态能描述这种响应,分别是a:link、a:visited、a:hover、a:active;
  • a标记在这几种状态下的样式能够通过伪类选择器来分别定义,伪类选择器的标记和伪类之间用“:”隔开。
  • 其格式为:
 
 
3、类选择器
  • 标记选择器一旦声明,那么页面中所有该标记的元素都会产生相应的变化。例如当声明<p>标记为红色时,页面中所有的<p>元素都将显示为红色。
  • 希望其中某一些<p>元素不是红色,而是蓝色,就需要将这些<p>元素自定义为一类,用类选择器来选中它们;
  • 或者希望不同标记的元素应用同一样式,也可以将这些不同标记的元素定义为同一类,如下所示的一个<p>元素和一个<h3>元素被定义为了同一类。
  • 类选择器以半角“.”开头,且类名称的第一个字母不能为数字
 
4、Id选择器
  • id选择器的使用方法与class选择器基本相同,不同之处在于一个id选择器只能应用于html文档中的一个元素,因此其针对性更强,而class选择器可以应用于多个元素。
  • id选择器以半角“#”开头,且id名称的第一个字母不能为数字。