今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

学习了一下CSS的基础知识，什么事CSS选择器

1.后代选择器

后代选择器: 定义的时候用空格隔开

.div1 p 表示.div1的后代所有的p。

2.交集选择器

h3.special{

color:red;

}

选择的元素要求同时满足两个条件：必须是h3标签，然后必须是special标签。

3、并集选择器：

定义的时候用逗号隔开

p,h1,#mytitle,.one{

color:red;

}

三种基本选择器都可以放进来。三种选择器都实现颜色变红。

4.子代选择器，

用符号>表示（不能选择后代）

div>p{

color:red;

}

div的儿子p。和div的后代p的截然不同。

5.序选择器

设置无序列表<ul>中的第一个<li>为红色：

ul li:last-child{

color:blue;

}

6.下一个兄弟选择器

+表示选择下一个兄弟

<style type="text/css">

h3+p{

color:red;

}

</style>

上方的选择器意思是：选择的是h3元素后面紧挨着的第一个兄弟。

了解了一下什么是伪类

伪类（伪类选择器）

伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。

比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。

静态伪类和动态伪类

伪类选择器分为两种。

（1）静态伪类：只能用于超链接的样式。如下：

:link 超链接点击之前

:visited 链接被访问过之后

PS：以上两种样式，只能用于超链接。

（2）动态伪类：针对所有标签都适用的样式。如下：

:hover “悬停”：鼠标放到标签上的时候

:active“激活”： 鼠标点击标签，但是不松手时。

:focus   是某个标签获得焦点时的样式（比如某个输入框获得焦点）

PS：以上三种样式，只能用于超链接。

明天计划的事情：（一定要写非常细致的内容） 
完成任务六

遇到的问题：（遇到什么困难，怎么解决的） 
暂无

收获：（通过今天的学习，学到了什么知识）

了解了子代选择器和伪类。