是的,通过添加一个额外的包装元素。将所需的直通颜色分配给外部元素,然后将所需的文本颜色分配给内部元素。例如:
<span style='color:red;text-decoration:line-through'>
<span style='color:black'>black with red strikethrough</span>
</span>
…要么…
<strike style='color:red'>
<span style='color:black'>black with red strikethrough<span>
</strike>
(不过,请注意,HTML4中已将<strike>
其视为已弃用,而HTML5中已将其视为过时(另请参见W3.org。)。建议的方法是,<del>
如果打算真正删除的含义,则使用;否则,<s>
在text-decoration
CSS中使用元素或样式,如这里的第一个示例。)
为了使删除线出现在a:hover上,<HEAD>
必须使用显式样式表(在中声明或引用)。(:hover
伪类不能与内联STYLE属性一起应用。)例如:
<head>
<style>
a.redStrikeHover:hover {
color:red;
text-decoration:line-through;
}
</style>
</head>
<body>
<a href='#' class='redStrikeHover'>
<span style='color:black'>hover me</span>
</a>
</body>
(IE7似乎需要对某些href
设置进行设置<a>
才能:hover
生效; FF和基于WebKit的浏览器则不需要。)