CSS的选择器

1.标签选择器

<style type="text/css">

    h2{color: #003580;}

</style>

2.类选择器
<style type="text/css">
.类标签名{}
</style>

调用：class="类名称"
例子：

<style type="text/css">
    .color1{color: #F00;}
</style>

<a href="" class="color1">
3.ID选择器
　　<style type="text/css">
　　　　#ID属性{font-size: 14px; color: #000033;}
</style>
例子：<style type="text/css">    #first{font-size: 14px; color: #000033;}</style>

调用 <p id="first">《花千骨》是由<a href="" class="color1">慈文传媒集团</a>制作并发行，<strong class="color2">林玉芬</p>
4.优先级：ID选择器>class类选择>标签选择器
5.高级选择器：
　　a.层次选择器
　　　　E F后代选择器
　　　　E>F子选择器
　　　　E+F相邻兄弟选择器
　　　　E~F通用兄弟选择器
　　b.结构伪类选择器
　　　　E：first-child 作为父元素的第一个子元素的元素E，
　　　　E：last-child　作为父元素的最后一个子元素的元素E，
　　　　E F:nth-child(n) 选择父级元素E的第n个子元素F，关键字为even、odd
　　　　E：first-of-type选择父元素内具有指定类型的第一个E元素
　　　　E：last-of-child选择父元素内具有指定类型的最后一个E元素
　　　　E F:nth-of-type（n）选择父元素内具有指定类型的第N个F元素
　　c.属性选择器
　　　　E[属性attr]：选择具有attr属性的E元素
　　　　E[属性attr=value]选择具有attr属性，并且属性值只能为value的E元素，
　　　　E[属性attr^=value]选择具有attr属性，并且属性值包含value，以value开头的任意字符串
　　　　E[属性attr$=value]选择具有attr属性，并且属性值包含value，以value结尾的任意字符串
　　　　E[属性attr*=value]选择具有attr属性，并且属性值包含value，以value可以在字符串的任意位置