首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Id选择器的正确CSS代码,而不是特定事件的类型或类

Id选择器的正确CSS代码,而不是特定事件的类型或类
EN

Stack Overflow用户
提问于 2012-09-29 18:47:29
回答 2查看 63关注 0票数 0

我有两个跨度。每个跨度都有一个id标签。我不想让span有一个class标签。我想使用css在鼠标悬停在跨度中的文本上加下划线。在我的css文件中,在一行中执行此操作的正确代码是什么?

代码语言:javascript
代码运行次数:0
运行
复制
<span id=spanImagePreview1>Text Here <img src=url></span>
<span id=spanImagePreview2>Text Here <img src=url></span>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-09-29 18:48:56

使用与两个元素都匹配的选择器:

代码语言:javascript
代码运行次数:0
运行
复制
#spanImagePreview1:hover, #spanImagePreview2:hover { text-decoration: underline; }

演示:http://jsfiddle.net/Guffa/9RxEb/

票数 2
EN

Stack Overflow用户

发布于 2012-09-29 18:54:19

多个选项:

如果您只有这两个跨度:span:hover {text-decoration:underline;}

如果它们是特定元素#element span:hover {text-decoration:underline;}的后代

如果您的跨度有其id的模式,请尝试使用span[id*="spanImagePreview"] {text-decoration:underline;}

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12652064

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档