今天完成的事情：进行任务9，研究如何实现单项选择的效果

明天计划的事情：完成任务9

遇到的问题：

Q1：.subnav li:hover .subnav span{}   选择span无效

A1：.subnav li:hover span{}           成功选择span

Q2：下面两端代码中的的样式失效部分，不知道因何而起。

第一段.nav-fitst的样式失效部分

.nav li{

margin-top: 27px;

margin-left: 60px;

float: right;

font-size: 16px;

padding: 15px 17px;

border-radius: 4px;

background-color: #fff;

box-shadow: 4px 3px 6px -3px #dddddd;

}

.nav li:hover{

color: #fff;

background-color: #1d7ad9;

}

.nav-fitst{                                   ------》为最后一个li（右浮动）

color: #fff;                          ------》有效

background-color: #1d7ad9!important;  ------》无效，需要设置!important使之生效

}

第二段.subnav-first的样式完全失效，但.subnav-first span有效

.subnav li{

float: right;

margin-top: 40px;

width: 160px;

color: #ccc;

border-top: 5px solid #ccc;

font-size: 18px;

line-height: 86px;

}

.subnav span{

position: relative;

top: -48px;

left: 62px;

width: 24px;

height: 24px;

font-size: 12px;

line-height: 24px;

text-align: center;

color: #fff;

background-color: #ccc;

border-radius: 12px;

display: inline-block;

}

.subnav li:hover{

color: #ff7f02;

border-top: 5px solid #ff7f02;

}

.subnav li:hover span{

background-color: #ff7f02;

}

.subnav-first{                                    ------》为最后一个li（右浮动）

color: #ff7f02!important;                 ------》无效，需要设置!important使之生效

border-top: 5px solid #ff7f02!important;  ------》无效，需要设置!important使之生效

}

.subnav-first span{

background-color: #ff7f02;                ------》有效

}

收获：

感觉自己在样式生效的优先级方面还不是很清楚，在设置样式的时候会出现样式失效的状况。感觉很乱。

唯一的好消息是服务器好了，今天附上服务器地址吧。