除了#myspan元素外,我试图在链接上加下划线,在任何情况下我都不希望下划线。我还想更改#myspan的颜色。该规则似乎不适用于它。如果我颠倒顺序,但未在“
a”下划线但在#myspan下划线,则似乎适用该规则。我已经看到链接的文本装饰和跨此链接无效。
a {
text-decoration: underline;
}
a #myspan {
color: black;
text-decoration: none;
}
a:active #myspan {
color: grey;
text-decoration: none;
}
a:visited #myspan {
color: yellow;
text-decoration: none;
}
a:hover #myspan {
color: red;
text-decoration: none;
}
<a href="#">A link <span id="myspan">some additional information</span></a>
将元素设置为inline-block
不会受到下划线的影响:
a {
text-decoration: underline;
}
a #myspan {
color: black;
display:inline-block;
}
a:active #myspan {
color: grey;
}
a:visited #myspan {
color: yellow;
}
a:hover #myspan {
color: red;
}
<a href="#">A link <span id="myspan">some additional information</span></a>
请注意,文本修饰不会传播到浮动和绝对定位的后代,也不会传播到原子内联级别后代(例如内联块和内联表)的内容。
要删除文本和跨度之间的小空间,您可以摆脱空白并使用较小的边距:
a {
text-decoration: underline;
}
a #myspan {
color: black;
display:inline-block;
margin-left:4px;
}
a:active #myspan {
color: grey;
}
a:visited #myspan {
color: yellow;
}
a:hover #myspan {
color: red;
}
<a href="#">A link<span id="myspan">some additional information</span></a>
如何处理p标签中的下划线。这是我正在工作的代码。有人能帮我克服这个问题吗? 输入XML和XSLT代码:https://xsltfiddle.liberty-development.net/a9HjZX/1 输入XML: 预期输出: XSLT代码:
问题内容: 无论如何,有没有要监听元素的onload事件? F.ex: 这适用于元素,但不适用于。还有另一种方法吗?我只需要知道外部样式表中的样式何时应用于DOM。 更新: 将隐藏物添加到头部,然后在iframe中监听事件是否是一个主意?它应在加载CSS时触发,但可能无法保证它已在顶部窗口中加载… 问题答案: 这是一种hack,但是如果您可以编辑CSS,则可以添加一种特殊的样式(没有可见的效果),
问题内容: 在页面中,我放置了一些不需要的行,因此,如何使用HTML删除这些链接? 问题答案: 内联版本: 但是请记住,通常应该将网站的内容HTML分开。因此,通常应避免使用内联样式。 请参阅John的答案,以了解使用CSS的等效答案。
问题内容: 无论如何(在CSS中)是否要避免在页面..中引入文本和链接的下划线? 问题答案: 使用CSS。这会删除和元素的下划线: 有时您需要覆盖元素的其他样式,在这种情况下,可以在规则上使用修饰符:
我试过,但不行。下面是我的代码: null null 它在这里起作用,但对我的VS代码不起作用。这是窃听器吗?
这是我的一个货车租赁数据库的起始代码。 如何将汽车链接到该位置。例如,CBD的位置有Wicked,Zepplin和Floyd,Penrith有Queen。因此,如果命令行参数具有“打印CBD”,那么它必须显示CBD中可用的货车。 任何帮助将不胜感激。