选择器

id选择器：

#myId{ color: red; } // id选择器

类选择器：

.myClass{ color: red; } // 类选择器

标签选择器：

p{color: red;} // 标签选择器

选择器优先级:  id选择器>类选择器>标签选择器

 

后代选择器：

 body p{ background: red; } //针对body下面所有p

子选择器：

body>p{ background:red; } //只针对body下面一层p操作

相邻兄弟选择器：

.active + p{ background:red; } //只针对该类选择器下面一个相邻对象

通用选择器：

.active~p{ background:red;  } //针对该选择器下面所有兄弟对象。