为啥鼠标滑过li里的a没效果?_html/css_WEB-ITnose

企鹅博客
企鹅博客
企鹅博客
25193
文章
0
评论
2020年8月30日15:21:08 评论 30 views

html代码:

  • 信息
  • css文件里代码:

    li.big{

    float:none;

    font-weight:normal;

    padding:5px 20px 5px 20px;

    text-align:center;

    margin-left:50px;

    margin-top:20px;

    font-size:20px;

    }

    .cho{

    display:block;

    width:80px;

    height:30px;

    font-family:'SimHei';

    color:#2f2f2f;

    padding-top:5px;

    }

    a.chodet : hover{

    color:white;

    }

    li.big : hover{

    width:80px;

    height:30px;

    border-radius:8px;

    border:0;

    background:#ff9138;

    }

    回复讨论(解决方案)

    li.big:hover{
    空格去掉

    空格应该没有关系的。
    li.big : hover{
    width:80px;
    height:30px;
    border-radius:8px;
    border:0;
    background:#ff9138;
    }
    这一段,你试试修改

    第1:li.big : hover与a.chodet : hover两个中间的空格一定要去掉,hover才能生效
    第2:你要a标签的hover生效,a.chodet:hover应该改成a.cho:hover
    第3:你为了实现一个效果事件(hover加背景和改写颜色),但使用了两次事件,资源效率都不是最优化。最好只用一个hover加在a标签上

    a和hover都要加上display:block;才行,

    什么乱七八糟的。。。按标准写好吗?

    a标签要加个display:block吧!!!

    十分感谢大家抽出时间给我的热心解答!!

    企鹅博客
    • 本文由 发表于 2020年8月30日15:21:08
    • 转载请务必保留本文链接:https://www.qieseo.com/369345.html
    css的一些小技巧!页面视觉差!_html/css_WEB-ITnose html教程

    css的一些小技巧!页面视觉差!_html/css_WEB-ITnose

    相当长的一段时间,现在网站与所谓的“视差”效果一直很受欢迎。 万一你没有听说过这种效果,不同的图像,在不同的方向移动或层主要包括。这导致了一个很好的光学效应,使参观者的注意。 在网页设计中,为了实现这...
    匿名

    发表评论

    匿名网友 填写信息

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: