css选择器

css选择器

css选择器分为基础选择器和复合选择器

一、基础选择器

1.标签选择器

p {
	color: red;
  }

2.类选择器

class选择器可以在多个元素中使用

.pink {
		color: pink;
	  }

3.id选择器

id选择器只可以使用一次

#blue {
		color: blue;
      }

4.通配符选择器

统一更改所有样式效果

* {
	padding: 0;
	margin: 0;
  }

二、复合选择器

1.后代选择器

后代选择器：用于选择父元素里面的子元素，子元素可以包括各种子元素

ul li {
		color: green;
      }

2.子选择器

子选择器：选择最近一代的子元素

ol>li {
		color: skyblue;
      }

3.并集选择器

p, div {
		 color: red;
       }

4.伪类选择器

a:hover {
			color: green;
        }

扩展：css链接（link）

a:link 未被访问的链接
a:visited 访问过的链接
a:hover 鼠标放在链接上
a:active 激活时的链接，鼠标被点击的那一刻