CSS选择器

1.简单选择器

• 标签选择器 : 可以根据标签的名字来从页面中选取指定的元素。
• id 选择器 : 可以根据元素的id属性值选取元素。
• class 选择器 : 可以根据元素的class属性值选取元素。

 /* 标签选择器 */
        p{
            color：red；
        }
        /* id选择器 */
		#h3{
			color: orange;
		}
        /* class选择器 */
        .header{
            color:blue;
        }

2.复杂选择器

• 交集选择器 : 可以同时使用多个选择器，这样可以选择同时满足多个选择器的元素。
  语法：选择器1选择器2{ }
• 并集选择器 ： 可以同时使用多个选择器，多个选择器将被同时应用指定的样式。
  语法： 选择器1,选择器2,选择器3 { }
• 后代选择器 : 可以根据标签的关系，为处在元素内部的后代元素设置样式。
• 通配符 : 可以同时选中页面中的所有元素

 /* 标签选择器 */
        p{
            color：red；
        }
        /* id选择器 */
		#h3{
			color: orange;
		}
        /* class选择器 */
        .header{
            color:blue;
        }

3.伪类选择器

• 给链接定义样式(伪类)

有四个伪类可以让你根据访问者与该链接的交互方式，将链接设置成4种不同的状态。

• 正常链接 a:link
• 访问过的链接 a:visited （只能定义字体颜色）
• 鼠标停留的链接 a:hover
• 正在点击的链接 a:active