                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

选择器里用first-child不能选中第一个“更多” 但是last-child却可以选中最后一个

$('a:contains("更多"):first-child').css('color','#C71585');

慕数据3095123

2016-07-31

源自：jQuery基础 (一)—样式篇 2-16

关注问题我要回答

2618

操作

收起

2 回答

C0EEC3F7BBAA 回答被采纳 +3 积分
2016-08-01

$('a:contains("更多"):first-child')的意思是元素”a:contains("更多")“的父元素的第一个满足“a:contains("更多")”的子元素，注意，“a:contains("更多")”和第一个是并列的且都要成立的关系，也就是说“a:contains("更多")”元素必须是其父元素的第一个元素。并不是所有满足“a:contains("更多")”条件的子元素中的第一个的意思

你把dd标签的第一个子元素改成内容包含“更多”的a标签试试就知道了，它会被选中

1 回复有任何疑惑可以回复我~

#1

慕数据3095123 提问者

非常感谢！

2016-08-01 回复有任何疑惑可以回复我~

#2

first-child伪类时一定要保证前面没有兄弟节点，last-child要保证后面没有兄弟节点

2016-08-27 回复有任何疑惑可以回复我~

harry2013
2016-07-31

应该是$('a:contains("更多"):first').css('color','#C71585');和$('a:contains("更多"):last').css('color','#C71585');

1 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217504 人
解答问题 1218 个

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

本课相似问答

1 回答全选择器是否可以同时选择多个元素？

2 回答关于基本筛选选择器问题最后一个问题:not

2 回答jQuery选择器之基本筛选选择器，求解释一下这个选择器什么意思

1 回答first-child

4 回答在jQuery选择器之基本筛选选择器这个章节里

搜索更多本课相关问答

选择器里用first-child不能选中第一个“更多” 但是last-child却可以选中最后一个

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号