发表于: 2018-12-12 20:39:07

1 725


今天完成的事:

今天继续做任务8,因为之前第一个页面做的比较乱,所以就选择先做了第二个页面,昨天第二个页面基本已经完成了,之前做第一个页面出现的问题在任务二中大部分都遇到了,但基本也都解决了。

做任务二对hover也巩固了许多:

:hover 选择器用于选择鼠标指针浮动在上面的元素。

提示::hover 选择器可用于所有元素,不只是链接。

提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。

注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

伪元素 hover 的几种用法总结

hover用法:
    必须-移入父级操作子级
    
    也可以移入自己操作自己

1.对自身作用

1
2
3
4
ul li:hover
         {
            background: red;
        }

  

2.对自身的子集作用

1
2
3
4
ul li:hover a
         {
            background: red;
        }

  

3.对兄弟元素的作用

1
2
3
4
ul li:hover +li
         {
            background: red;
        }

4.对伪元素的作用

1
2
3
4
ul li:hover ::before
         {
            background: red;
        }

同时也是对栅格系统的响应式布局了解的更多了,运用的更熟练了。加油!

明天的任务

继续任务8

今天遇到的问题:

布局的时候遇到了点小问题,基本已经解决

今天的收获:

继续加油


..法规辅导辅导 丰富的辅导


返回列表 返回列表
评论

    分享到