access中下划线是font_解决使用字体图标时a链接的下划线问题

1 nav {2 z-index: 999;3 width: 100%;4 height: 30px;5 background: #f4f4f4; }6 nav #nav {7 width: 1120px;8 height: 30px;9 line-height: 30px;10 margin: 0auto;11 display: flex; }12 nav #nav ul {13 flex-grow: 1; }14 nav #nav .active {15 color: #ff9a02;16 background: coral; }17 nav #nav .Y_navLeft {18 font-size: 0.15rem;19 width: 500px;20 height: 30px; }21 nav #nav .Y_navLeft li {22 z-index: 999;23 list-style: none;24 float: left;25 margin-left: 22px;26 color: #6e6e6e; }27 nav #nav .Y_navLeft li .Y_navWeixin {28 width: 150px;29 position: relative;30 z-index: 999;31 height: 0;32 overflow: hidden;33 transition: height 0.2s ease 0s;34 margin-left: -20px;35 text-align: center;36 background: white; }37 nav #nav .Y_navLeft li .Y_navWeixin .Y_Wx {38 width: 115px;39 height: 115px;40 background: url("http://cdn.gsxservice.com/asset/img/wechat_qrcode_2c3db6ab6c.png");41 margin: 0auto; }42 nav #nav .Y_navLeft li a {43 color: #6e6e6e;44 text-decoration: none; }45 nav #nav .Y_navLeft li a:hover {46 color: #ff9a02; }47 nav #nav .Y_navLeft #Y_Wx:hover .Y_navWeixin {48 background: white;49 height: 210px;50 border: 1px solid #eeeeee; }51 nav #nav .Y_navLeft #Y_Wx:hover .icon-film {52 background: red; }53 nav #nav .Y_navRight {54 height: 30px;55 font-size: 0.15rem; }56 nav #nav .Y_navRight li {57 margin-left: 5px; }58 nav #nav .Y_navRight #Y_Timetable .Timetable {59 width: 135px;60 height: 0;61 transition: height 0.1s ease 0s;62 margin-left: -10px;63 margin-top: -1px;64 background: white;65 overflow: hidden;66 border: 1px solid #f4f4f4;67 position: absolute; }68 nav #nav .Y_navRight #Y_Timetable .Timetable div {69 width: 105px;70 margin: 0auto; }71 nav #nav .Y_navRight #Y_Timetable .Timetable div:hover {72 cursor: pointer;73 color: #ff9b04; }74 nav #nav .Y_navRight #Y_Timetable:hover .Timetable {75 z-index: 999;76 height: 130px; }77 nav #nav .Y_navRight #Y_Timetable1 .Timetable1 {78 width: 185px;79 height: 0;80 transition: height 0.1s ease 0s;81 margin-left: -10px;82 margin-top: -1px;83 background: white;84 overflow: hidden;85 border: 1px solid #f4f4f4;86 position: absolute; }87 nav #nav .Y_navRight #Y_Timetable1 .Timetable1 div:hover {88 cursor: pointer;89 color: #ff9b04; }90 nav #nav .Y_navRight #Y_Timetable1:hover .Timetable1 {91 z-index: 999;92 height: 90px; }93 nav #nav .Y_navRight #Y_Timetable2 .Timetable2 {94 width: 90px;95 height: 0;96 transition: height 0.1s ease 0s;97 margin-top: -1px;98 background: white;99 overflow: hidden;100 border: 1px solid #f4f4f4;101 position: absolute;102 text-align: center; }103 nav #nav .Y_navRight #Y_Timetable2 .Timetable2 div:hover {104 cursor: pointer;105 color: #ff9b04; }106 nav #nav .Y_navRight #Y_Timetable2:hover .Timetable2 {107 height: 130px; }108 nav #nav .Y_navRight li {109 width: 80px;110 list-style: none;111 float: left;112 margin-left: 10px;113 color: #6e6e6e; }114 nav #nav .Y_navRight li a {115 font-size: 0.15rem;116 color: #6e6e6e;117 text-decoration: none; }118 nav #nav .Y_navRight li a:hover {119 color: #ff9a02; }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值