发表于： 2019-04-15 23:20:43

1 659

Day 55     task14-7


今天完成的事情

 

      1.完成首页的制作

      2.完成职位列表的制作

      3.制作过程中修改栅格布局及公共样式部分的不足


遇到的问题


      1. 【solved】合作企业页面侧面导航栏的li标签样式无法做到hover时同时改变

利用伪元素

去掉原来的li标签样式，用伪类：before添加圆圈样式

hover时 改变字体颜色并为伪类添加背景色

li{
padding-top: 1rem;
padding-bottom: 1rem;
list-style: none;
color: #29b078;
&::before{
content: "";
margin-right: 5px;
@include box(6px,6px,#ffffff,50%);
border: $border #ff650e;
}
&:hover,:active,:focus{
color: #ff650e;
&::before{
content: "";
margin-right: 5px;
@include box(6px,6px,#ffffff,50%);
border: $border #ff650e;
background-color: #f9a372;
}
}
input{
display: none;
}
}

也只能够做到这样子了，点击选中的样式总是做不好，只能添加另一个伪类来实现，但前面的伪类又没办法取消；有机会再完善。


明天计划学习


      1.提交任务，开始js的学习


注： 【unsolved】截日报发出前未解决的问题

        【solved】已解决现象但并未从根本上解决问题

        【solved】已解决


上一篇
返回列表 返回列表
下一篇
现在开始，找个师兄带你入门
评论

    分享到

    技能树  |  IT修真院

    关于我们 ｜ 联系我们 ｜ 合作公司

    移动端下载

    友情链接

    短信验证码     

    微信公众平台

    Copyright © 2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1