装饰强调来自：内容之后
我不想只a {text-decoration:none;}因为我不想影响所有链接
我有一个class="explore"的div，没有内容，除了:after使用css生成内容：
content: "Explore";
vertical-align: top;
text-decoration: none;
然后我用<a href="#">...</a>包装了div
这给文本“例子”一个下划线，我似乎无法删除; 我试过了：
.explore a { text-decoration:none; }
.explore:after a { text-decoration:none; }
a .explore { text-decoration:none; }
a .explore:after { text-decoration:none; }
这些似乎都不影响案文。
我怎样才能删除下划线？
小提琴
只需对链接应用文本修饰：
a{text-decoration:none;}
演示
如果您将display: inline-block为::after block，则下划线将消失。
我的第一个问题你为什么要在内inline元素中使用看起来很奇怪的block元素。 其次，你可以使你的标记简单如下。 尽管你想添加块元素，只需添加display:block; 到你的<a>
<a class="explore" href="#">explore</a>
样式
.explore{
text-decoration: none;
display: block;
}
DEMO
链接地址: http://www.djcxy.com/p/74617.html