文章/答案/技术大牛

发布

社区首页 >问答首页 >Id选择器的正确CSS代码，而不是特定事件的类型或类

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

Stack Overflow用户

提问于 2012-09-29 10:47:29

回答 2查看 63关注 0票数 0

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

<span id=spanImagePreview1>Text Here <img src=url></span>
<span id=spanImagePreview2>Text Here <img src=url></span>

html

css

css-selectors

回答 2

Stack Overflow用户

回答已采纳

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

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

#spanImagePreview1:hover, #spanImagePreview2:hover { text-decoration: underline; }

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

票数 2

Stack Overflow用户

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

多个选项：

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

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

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

票数 1

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

原文链接：

https://stackoverflow.com/questions/12652064

复制

删除 WordPress 导航菜单的多余 CSS 选择器（id或class）

wordpress html php

在默认情况下，WordPress 的导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-category等加上 id 组成的CSS 选择器，无疑，对于一些人来说，这些选择器导致整个html 格式变得难看，看着碍眼的东西最好是将它去掉，之前Jeff 也曾有过一篇类似的文章《删除 WordPress 导航菜单的多余 CSS 选择器》，今天则介绍个通过添加过滤器来删除 WordPress 导航菜单的多余 CSS 选择器（id或class）的新方

Jeff

2018/01/19

1.6K0

css选择器类型

hover nav padding

5、后代选择器/包含选择器（所有子后代元素）：用来选定特定元素或元素组的后代。格式：父元素子元素{ }，对于多层祖先后代关系，可以多个空格分开，如id为a、b、c的三个元素，后代选择器可以写成#a #b #c{}。

bye

2020/10/29

3680

【CSS】CSS 选择器 ② ( ID 选择器 | 通配符选择器 | CSS 选择器使用注意事项 )

css html 开发语法

ID 选择器使用 " #id " 选择指定的某一个标签 , 使用 ID 选择器步骤如下 :

韩曙亮

2023/03/30

2.7K0

【CSS】CSS 选择器 ② ( ID 选择器 | 通配符选择器 | CSS 选择器使用注意事项 )

【说站】css中id选择器的注意点

css html

在企业开发中一般情况下如果仅仅是为了设置样式, 我们不会使用id ,因为id是留给js使用的

很酷的站长

2022/11/24

1.1K0

css html google 基础语法

CSS 作用 : 以下面的代码为例 , 先通过选择器 h3 将 HTML 中的 h3 标签类型选择出来 , 然后为这些标签设置 style 样式 ;

韩曙亮

2023/03/30

2.9K0

【CSS】CSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )

css伪类的说明以及使用(css事件)

html java

CSS伪类的使用(css事件) 转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/7670959.html 　　之前有开发开发App的时候，有同事问我那个列表的条目

上帝

2018/06/26

1.3K0

css伪类的说明以及使用(css事件)

http html java

转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/7670959.html

上帝

2018/09/27

1.2K0

css伪类的说明以及使用(css事件)

css

CSS伪类的使用(css事件) 转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/7670959.html 　　之前有开发开发App的时候，有同事问我那个列表的条目

上帝

2018/05/18

1.1K0

CSS 伪类选择器

css

CSS 伪类选择器例子例子描述 :active a:active 选择活动的链接。 :checked input:checked 选择每个被选中的 <input> 元素。 :disabled input:disabled 选择每个被禁用的 <input> 元素。 :empty p:empty 选择没有子元素的每个 <p> 元素。 :enabled input:enabled 选择每个已启用的 <input> 元素。 :first-child p:first-child 选择作为其父的首个子元素的每个

友儿

2022/09/13

7470

CSS属性选择器_伪类选择器的属性使用

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/167006.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/20

1.6K0

小程序如何获取picker普通选择器的值，而不是下标

data

this.data.array[index] 就是获取值的方法，也可以换成this.data.array[e.detail.value]

yechaoa

2022/06/10

1.8K0

django raw_id_fields 显示名称而不是id（raw_id_fields: How to show a name instead of id）

django https web.py 网络安全腾讯云开发者社区

为了防止页面加载的时候加载所有的Foreignkey到内存，django提供了一个raw_id_fields，该tupple内的数据将只展示id。虽然内存不加载了，但是基本没法看。不知道是个什么东西。

obaby

2023/02/24

1.9K0

CSS 3 伪类选择器

=======================================================================================

py3study

2020/01/14

6020

CSS基础之伪类选择器的总结

class element input text

在这篇博客中，我会结合具体例子来分析伪类选择器（可能概念性不是很强，但是好用 ~ ）

xinxin-l

2022/03/29

6940

CSS基础--属性选择器、伪类选择器

target

属性选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性选择器</title> <style> .red{ color: red; } .blue{ color: blue; } .darkred{ color: darkred;

eadela

2019/09/29

9900

java中Super指向他紧邻的父类，而不是最底层的基类

java

我们把上面的例子扩展成两次继承，就看出：马克-to-win，Super是一个参考（或说指针）指向他紧邻的父类，而不是最底层的基类。

马克java社区

2021/03/24

7840

为什么 wait/notify/notifyAll 在 Object 类定义而不是 Thread 类？

java

作者：Yujiaao 来源：segmentfault.com/a/1190000019962661

Java技术栈

2020/06/16

1.5K0

CSS的选择器

其他

CSS基础选择器标签选择器就是用标签名来当做选择器。 1）所有标签都能够当做选择器，比如body、h1、dl、ul、span等等 2）不管这个标签藏的多深，都能够被选择上。 3）选择的是所有的，而不是某一个。所以是共性，而不是特性。 id选择器 #表示选择id 1 #lj1{ 2 font-size: 60px; 3 font-weight: bold; 4 color:black; 5 } 1）任何的标签都可以有

Demo_Yang

2018/10/15

9420

如何使用CSS伪类选择器

https 网络安全 css html 网站

原文链接：https://www.sitepoint.com/css-is-where-has-pseudo-class-selectors/[1]

chuckQu

2022/09/20

2.2K0

git pull 代码的时候默认使用 rebase 而不是 merge

git merge rebase 搜索网络

git pull 实际会有两个操作，一个是 git fetch，另外一个是 git merge。一般 merge 的情况下会产生一个新的提交名字为 Merge branch ****，如下图所示：

我与梦想有个约会

2023/10/21

9810

相似问题

jQuery选择器而不是html标记、类或id

忽略CSS类，而不是ID

ID而不是类- CSS网格

使用元素ID/类名而不是其他CSS选择器

CSS :不是针对特定类型输入的选择器

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

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

回答 2

Stack Overflow用户

Stack Overflow用户

jQuery选择器而不是html标记、类或id

忽略CSS类，而不是ID

ID而不是类- CSS网格

使用元素ID/类名而不是其他CSS选择器

CSS :不是针对特定类型输入的选择器

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

jQuery选择器而不是html标记、类或id

忽略CSS类，而不是ID

ID而不是类- CSS网格

使用元素ID/类名而不是其他CSS选择器

CSS :不是针对特定类型输入的选择器

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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