第八章

选择器{样式}

选择器即标签  eg:p  html   body   img  h1

.类选择器名称{样式}     名称随便取，但不能是中文    eg:<span class="stress">校花</span>   class后面就是类选择器名称

#ID选择器名称{样式}    标签设置为id="ID选择器名称"  此处与类选择器有啥本质性区别？？？？？

相同点：可以应用于任何元素，

不同点：id选择器只能在文档中使用一次，类选择器可以使用多次且类选择器可以为一个元素同时设置多个样式     demo:

.stress{     color:red; }

.bigsize{     font-size:25px; } 

<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课...</p>

子选择器  .类选择器名称>标签元素{样式}    

后代选择器 .类选择器名称 标签元素{样式}  空格作用于所有后代 >作用于第一后代

通用选择器 *{样式}    匹配html中所有标签元素

伪类选择符（任务一使用的最主要标签，结合图片像素应该可以实现功能）（鼠标滑过的状态进行设置字体颜色等等）最常用的是a标签，实际上可以放在任意标签（eg：p），但是兼容性不太好

eg:    a:hover{color:red; }

分组选择符(省代码)(权重问题，此章节貌似有涉及，下一步再解决) 

eg: h1,span{color:red;}  相当于 h1{color:red;}  span{color:red;}