html - 文本装饰没有不起作用

标签 html css

<分区>

我正在尝试对 anchor 标记下列出的跨度进行文本装饰:无。当其他样式起作用时,这种特定样式不起作用。我错过了什么吗?

a * {
  color: grey;
  font-weight: bold;
  font-size: 2em;
  text-decoration: none !important;
}
<ul>
  <li>Lorem ipsum dolorsit amet, consectetur adipiscing elit.</li>
  <li><a href="">Lorem <span>ipsum</span> dolor sit amet, <dolphia>consectetur</dolphia> adipiscing elit.</a>
  </li>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li><a href=""><span>Lorem ipsum</span> dolor sit amet, <span>consectetur</span> adipiscing elit.</a>
  </li>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li><a href=""><span>Lorem ipsum dolor sit amet</span>, consectetur adipiscing

 elit.</a>
  </li>
</ul>

最佳答案

a *{
  text-decoration: none;
  display: inline-block;
}
<a href="">Hello<span>world!</span></a>

关于html - 文本装饰没有不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39580861/

上一篇:javascript - 当我使用 Javascript 时,ID 接管了我的类(class)

下一篇:jquery 检查鼠标是否在元素上

相关文章:

javascript - 检查是否正在使用视口(viewport)元标记

javascript - 自定义信用卡号长度

php - 将博客添加到现有 codeigniter 网站的选项有哪些

html - 使用嵌套表 knockout foreach

html - 如何在 CSS 中拉伸(stretch)单个背景图像

php - x 时间后刷新 ajax 获取的内容

CSS 定位未按预期显示

将 fadeTo、fadeOut 等函数转换为 CSS3 的 jQuery 插件

jquery - 可调整大小的 div 内的 div 内的文本溢出 float div

php - 在 Facebook 点赞后显示内容