• 关于 nth-of-type 的搜索结果

回答

:checked input:checked 选择所有选中的表单元素:disabled input:disabled 选择所有禁用的表单元素:empty p:empty 选择所有没有子元素的p元素:enabled input:enabled 选择所有启用的表单元素:first-of-type p:first-of-type 选择每个父元素是p元素的第一个p子元素:in-range input:in-range 选择元素指定范围内的值:invalid input:invalid 选择所有无效的元素:last-child p:last-child 选择所有p元素的最后一个子元素:last-of-type p:last-of-type 选择每个p元素是其母元素的最后一个p元素:not(selector) :not(p) 选择所有p以外的元素:nth-child(n) p:nth-child(2) 选择所有 p 元素的父元素的第二个子元素:nth-last-child(n) p:nth-last-child(2) 选择所有p元素倒数的第二个子元素:nth-last-of-type(n) p:nth-last-of-type(2) 选择所有p元素倒数的第二个为p的子元素:nth-of-type(n) p:nth-of-type(2) 选择所有p元素第二个为p的子元素:only-of-type p:only-of-type 选择所有仅有一个子元素为p的元素:only-child p:only-child 选择所有仅有一个子元素的p元素:optional input:optional 选择没有"required"的元素属性:out-of-range input:out-of-range 选择指定范围以外的值的元素属性:read-only input:read-only 选择只读属性的元素属性:read-write input:read-write 选择没有只读属性的元素属性:required input:required 选择有"required"属性指定的元素属性:root root 选择文档的根元素:target #news:target 选择当前活动#news元素(点击URL包含锚的名字):valid input:valid 选择所有有效值的属性:link a:link 选择所有未访问链接:visited a:visited 选择所有访问过的链接:active a:active 选择正在活动链接:hover a:hover 把鼠标放在链接上的状态:focus input:focus 选择元素输入后具有焦点:first-letter p:first-letter 选择每个 元素的第一个字母:first-line p:first-line 选择每个 元素的第一行:first-child p:first-child 选择器匹配属于任意元素的第一个子元素的 元素:before p:before 在每个 元素之前插入内容:after p:after 在每个 元素之后插入内容:lang(language) p:lang(it) 为 元素的lang属性选择一个开始值

tama_test 2019-12-02 00:58:29 0 浏览量 回答数 0

问题

关于css伪类选择器中:nth-of-type(n) 选择器

杨冬芳 2019-12-01 19:54:51 1012 浏览量 回答数 1

回答

:first-child :first-of-type :nth-of-type :nth-child(1)

1715319332039364 2019-12-02 00:57:08 0 浏览量 回答数 0

新用户福利专场,云服务器ECS低至102元/年

新用户专场,1核2G 102元/年起,2核4G 699.8元/年起

问题

选择中的:nth-child(n)和:nth-of-type(n)的区别,哪位比较了解,进来看一下。谢谢

杨冬芳 2019-12-01 19:45:34 956 浏览量 回答数 1

回答

.nav_after:nth-child(4)的意思是:.nav_after的父元素(这里就是ul)的第四个子元素如果是.nav_after的时候适用。 题主的代码中,第四个子元素恰好含有类名.nav_after,所以设置背景有效;当你写成单数时,由于单数的li并没有设置.nav_after类名,所以没有效果。 nth-of-type适用于:当子元素的类型超过一种的时候,针对同类型的子元素计算。如下代码,div包含h2型子元素和p型子元素: <div> <h2>h元素</h2> <p class="nav_after">p元素</p> <h2>h元素</h2> <p class="nav_after">p元素</p> <h2>h元素</h2> <p class="nav_after">p元素</p> <h2>h元素</h2> <p class="nav_after">p元素</p> </div> .nav_after:nth-of-type(4)就表示第四个p。如果把h2也都加上类名.nav_after,那么.nav_after:nth-of-type(4)就表示第四个h2和第四个p了。.nav_after:nth-child(4)表示父元素的第四个子元素,不分类型,如果第四个子元素含有类名.nav_after就有效,不含就没效。 题主的代码,ul的子元素只有一种类型li,所以此时nth-of-type(4)和nth-child(4)都指向第四个子元素li了。

杨冬芳 2019-12-02 02:36:47 0 浏览量 回答数 0

回答

ind函数是需要两个参数的,你的重新绑定的代码这样.bind("click");只有一个参数,肯定不行的。建议两种修改方案: 加个标志位就搞定了,不需要什么解绑定、重新绑定: var enableClick = true; //红框的绑定事件 $(".accessPage section>dl>dd li:nth-of-type(1)").bind("click",function(){ if (!enableClick) return; location.href="access_2.html"; }); $(".accessPage section>dl>dd li:nth-of-type(2)").bind("click",function(){ if (!enableClick) return; location.href="#"; }); //委托到document身上 $(document).delegate("span[class=tabsel]", "click", function(event) { event.stopPropagation(); // 禁用点击 enableClick = false; // 启动点击 $(document).click(function() { enableClick = true; }); }); 将绑定的代码稍微提取个函数: //红框的绑定事件 function bindSomething(){ $(".accessPage section>dl>dd li:nth-of-type(1)").bind("click",function(){ location.href="access_2.html"; }); $(".accessPage section>dl>dd li:nth-of-type(2)").bind("click",function(){ location.href="#"; }); } bindSomething(); //委托到document身上 $(document).delegate("span[class=tabsel]", "click", function(event) { event.stopPropagation(); //点击取消事件绑定 $(".tabsel").each(function() { $(".accessPage section>dl>dd li:nth-of-type(1)").unbind("click"); $(".accessPage section>dl>dd li:nth-of-type(2)").unbind("click"); }); //点击空白处重新绑定 $(document).click(function() { bindSomething(); }); });

小旋风柴进 2019-12-02 02:22:40 0 浏览量 回答数 0

回答

CSS 选择符: 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a: hover, li:nth-child) 可继承的样式: 1.font-size 2.font-family 3.color 4.text-indent 不可继承的样式: 1.border 2.padding 3.margin 4.width 5.height 优先级算法: 1.优先级就近原则,同权重情况下样式定义最近者为准; 2.载入样式以最后载入的定位为准; 3.!important > id > class > tag 4.important 比 内联优先级高,但内联比 id 要高 CSS3新增伪类举例: p:first-of-type 选择属于其父元素的首个 元素的每个 元素。 p:last-of-type 选择属于其父元素的最后 元素的每个 元素。 p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 元素。 :enabled :disabled 控制表单控件的禁用状态。 :checked 单选框或复选框被选中。

小柯卡力多 2019-12-02 03:21:55 0 浏览量 回答数 0

回答

1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul < li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a: hover, li: nth - child) * 可继承: font-size font-family color, UL LI DL DD DT; * 不可继承 :border padding margin width height ; * 优先级就近原则,样式定义最近者为准; * 载入样式以最后载入的定位为准; 优先级为: !important > id > class > tag important 比 内联优先级高 CSS3新增伪类举例: p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。 p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。 :enabled、:disabled 控制表单控件的禁用状态。 :checked,单选框或复选框被选中。

茶什i 2019-12-02 03:16:36 0 浏览量 回答数 0

问题

Alios things在ubuntu中编译运行出错,如何解决?

luokuipeng 2020-02-18 03:08:17 0 浏览量 回答数 0

问题

jquery bind事件的问题

小旋风柴进 2019-12-01 19:28:55 836 浏览量 回答数 1

回答

经测试,将join($lists, nth($properties, $i), comma);换成append($lists, nth($properties, $i), comma);满足要求,但在这之后,$lists其实和$properties的值是一样的。还有另一种方法,将nth($properties, $i)换成#{nth($properties, $i)},其他的保持不变,也可以实现你要的效果。根据官方文档的解释,join是将两个列表合并成一个;而append是往一个列表中追加一个值。UPDATE对于你评论中的疑问,可以这样理解。#{}在SASS中的意思是interpolation,可以理解为插值,很多语言中都有这个特性,如PHP。这个操作会将它里面的值转换成字符串。你可以使用SASS中的type-of函数测试。type-of(nth($properties, $i)) // listtype-of(#{nth($properties, $i)}) // string然后再结合文档中对join解释理解一下。

a123456678 2019-12-02 02:23:27 0 浏览量 回答数 0

回答

:nth-of-type(n)只计算父元素中指定的某种类型的子元素“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。

杨冬芳 2019-12-02 02:44:45 0 浏览量 回答数 0

问题

怎么处理click和mousedown

小旋风柴进 2019-12-01 19:33:26 1166 浏览量 回答数 1

回答

first-child只会遍历到第一个子元素######因第一个div里,没有第一个且p的元素######$("div > p").first()######但是选择的是p标签,并不是h2啊?###### 引用来自“con”的评论$("div > p").first() 不行。只有A有效果,D和G没有效果。######哦哦,没错,用first是不行的 $("div > p(:not(p + p))")######nth-of-type

kun坤 2020-05-31 23:59:13 0 浏览量 回答数 0

回答

first-child只会遍历到第一个子元素######因第一个div里,没有第一个且p的元素######$("div > p").first()######但是选择的是p标签,并不是h2啊?###### 引用来自“con”的评论$("div > p").first() 不行。只有A有效果,D和G没有效果。######哦哦,没错,用first是不行的 $("div > p(:not(p + p))")######nth-of-type

kun坤 2020-06-14 07:42:27 0 浏览量 回答数 0

回答

first-child只会遍历到第一个子元素######因第一个div里,没有第一个且p的元素######$("div > p").first()######但是选择的是p标签,并不是h2啊?###### 引用来自“con”的评论$("div > p").first() 不行。只有A有效果,D和G没有效果。######哦哦,没错,用first是不行的 $("div > p(:not(p + p))")######nth-of-type

montos 2020-06-02 23:24:55 0 浏览量 回答数 0

回答

"first-child只会遍历到第一个子元素######因第一个div里,没有第一个且p的元素######$("div > p").first()######但是选择的是p标签,并不是h2啊?######<div class=""ref""> 引用来自“con”的评论$("div > p").first() 不行。只有A有效果,D和G没有效果。######哦哦,没错,用first是不行的 $("div > p(:not(p + p))")######nth-of-type"

montos 2020-05-31 16:22:24 0 浏览量 回答数 0

问题

没见过jQuery这种用法求解释

a123456678 2019-12-01 20:22:22 777 浏览量 回答数 1

问题

请js大神帮抓bug,愿发200元红包:图片被拖动后莫名其妙影响其它相邻图片的大小? 400 报错

爱吃鱼的程序员 2020-06-03 15:46:30 3 浏览量 回答数 1

问题

前端小白入门css基础 【新手百问合集】

马铭芳 2019-12-01 20:09:04 2466 浏览量 回答数 15
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 SSL证书 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 2020中国云原生 阿里云云栖号