今天完成的事情：

把任务8的导航栏写好了，折叠导航栏加媒体查询真的不难，我也就写了4.5天，外加师兄手把手的教就会了，多谢师兄的耐心指导，笔芯。

明天计划的事情：

开始写任务8界面1的内容，这个还好，用媒体查询改变col的宽度，达到自适应，应该是这样的把？不然等他自己自适应会乱，我认为也可以吧col-xs-sm-md

全部单独设置，应该也可以做完成。

任务8界面2需要用到伪类：

a:link {color: #FF0000}		/* 未访问的链接 */a:visited {color: #00FF00}	/* 已访问的链接 */a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */a:active {color: #0000FF}	/* 选定的链接 */

伪类与 CSS 类

伪类可以与 CSS 类配合使用：

a.red : visited {color: #FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

假如上面的例子中的链接被访问过，那么它将显示为红色。

伪类的使用我用的不灵活，比如什么> +控制伪类，不怎么理解 也不会用。。。

任务8的界面3 招聘界面挺好做的，就按正常来做就是，主要是要加一个伪类，点击触发透明界面，关于透明好像有两种，我记得上次用的是rgba，拗口啊，还有一种opacity，这种受到继承影响，所以上次任务没用。

遇到的问题：遇到的问题师兄，师兄都给我解决了，

说下吧，加深映象，把昨天的问题一起记录下来

第一个，当时我准备把按钮在电脑界面隐藏，设置了媒体查询，当时不知道设置哪个css类名，我以为只要是导航的父极属性，隐藏了就行了，结果全部隐藏，导航直接不见了，然后师兄远程设置btn就可以了，我真的没看见这个类名，我还在想按钮不是button嘛，怎么设置简称就可以啦，今天才看见有个class="btn",晕死。

第二个就是，我参照bootstrap框架的导航写，结果在网页上内容是乱的，我比较喜欢用div，比如ul，li等我都喜欢给他套个div，然后在赋予属性，没想到劜，li可以直接引用class，不套div，直接ul，li引用就恢复正常了，下次注意细节。

第三个是今天遇见的，我昨天发现按钮隐藏后，内容也隐藏了，但是如果在手机界面把按钮展开，然后切换到电脑界面，你会发现，按钮不见了，但是内容还在，没被隐藏，但是刷新后，内容不见了。

发现这个原理后，我想的是直接把按钮默认展开，那么电脑界面怎么刷新内容都会显示，我看bootstrap折叠导航教程中有这么一段，默认情况下折叠的内容是隐藏的，你可以添加 .show 类让内容默认显示:，那么我就直接在class="collapse">中加入 show，然后在手机中刷新就是展开的，在电脑也显示正常，

那么问题来了，手机界面一直是展开状态，不美观，如何在用媒体查询把手机界面的打开折叠关闭，然后电脑显示正常，这里只需要设置手机状态就可以了，但是我设置了隐藏后，发现折叠导航隐藏是隐藏了，但是打开后，马上又折叠回去了。。。

这里陷入了思维误区，老是想着手机代开折叠，电脑显示正常，在设置手机折叠，后来想了想，为什么不反着来，在电脑界面用媒体查询开启折叠，隐藏按钮，手机端不用动，不就正常了吗，这样设置后果然能实现效果。

但是我发现了个问题，媒体查询相同的条件比如@meadia all（媒体类型） and（逻辑操作符） ｛max-width:1000px｝（媒体特性）设置相同的两份，里面设置不同的选择器，发现不可以实现，只有第一份有用，第二份怎么设置都不行，但是吧里面内容合成一份，就又可以了，应该媒体查询冲突，或是相同条件，只取第一份。

第四个：这个是师兄远程我电脑遇到的，当你设置媒体查询隐藏某个样式时，发现代码，设置条件都没错时，样式不隐藏，这种排除自身错误，就是权重不够，权重这东西，也叫优先级，在外置css，在内联里都不一样，设置！important解决了。

收获：媒体查询会一点啦