css选择器

行内，内部，外部

外部q<link ref="stylesheet" type="text/css" href="xx.css"/>

类选择器  .classname{ }   可使用多次

class="classname"   导航class=" nav" 

 一个div 只有一个class属性

多类名 class="classname1   classname2" 既有1的样式又有2的样式，样式显示效果跟HTML中类名顺序无关，只与css样式顺序有关

id选择器 #idname  id惟一性，只有一个id名

用最多的还是class，id大多为js用

<div id="idname" class="classname"></div>

通配符选择器  * { }，*代表所有

后代选择器 用空格隔开，选取子孙后代

子代选择器 用 > 隔开 选取亲儿子

交集选择器 标签连写 div.one div#two

并集选择器 用逗号隔开 集体声明样式 （样式相同时使用）

​
ul li a{/*后代选择器 后代所有的a*/}
ul li > a{/*子代选择器 子指亲儿子 大于号分割 此时a一定是li的亲儿子*/}

div.red{/*交集选择器 <div clsaa="red">*/}
p,div,span{/*并集选择器(拥有相同样式使用，逗号代表 和)*/}

伪类选择器 

类  .one   伪类  :link

链接伪类:link(未访问的状态)/visited（已访问）/hover（鼠标经过的样式）/active（鼠标按下时样式）