请教一个CSS问题：关于下划线效果

大狗狗 2018-05-30 03:24:33



<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        .item{

         width:400px;

         color:#000;

         text-decoration:none;

         cursor:pointer;

        }

        .item:hover{

         color:#3366cc;

         text-decoration:underline;

        }



        .time{color:#666;text-decoration:none;}

    </style>

</head>

<body>

    <div class="item">美国仍将对500亿中国商品征收25%的关税，具体商品清单将在6月15日公布，关税将在此后不久施行

        <span class="time">2018-5-30</span></div>

</body>

</html>

我需要的效果是：鼠标移动到上面时，标题部分变色，显示下划线。最后面的时间外观不变。但我在IE9下试验，时间部分颜色不会变，但下划线却会出来，即便我设置了text-decoration:none;也没用。请教如何解决？

...全文

355 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

大狗狗 2018-05-30

打赏
举报

感谢楼上回复！

本人QQ-554433626 2018-05-30

打赏
举报

你把文字部分也用span包起来 <span class="text">美国仍将对500亿中国商品征收25%的关税，具体商品清单将在6月15日公布，关税将在此后不久施行</span> .item:hover .text{ color:#3366cc; text-decoration:underline; }

对于position的其它几个属性，我都搞懂了引用 static : 　无特殊定位，对象遵循HTML定位规则 absolute : 　将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框 relative : 　对象不可层叠，但将依据left，right，top，

几乎所有CSS书在讲到line-height属性的时候，都会提到传统排版中的一个术语——leading。这个leading到底指什么，它在汉字排版中叫什么，它与CSS中的line-height，也就是“行高”有什么关系？本文试图拔开历史的迷雾，把事实真相呈现在读者眼前。从传承说起作为网页排版语言，CSS跟其他专业或大众化的排版软件一样，同样植根于传统出版。传统出版，特别是铅活字印刷时代被称为“铅与...