nth-child(n) 选择器

nth-child(n):选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。

时间: 2024-10-25 19:34:10

nth-child(n) 选择器的相关文章

IE6/7兼容伪类、IE9以下兼容颜色渐变、IE8以下兼容nth:child(n)

1.IE6/7兼容伪类 _1.CSS部分:一个有冒号,一个是空格分隔.前者IE8+及其他现代浏览器:后者为IE6-7准备的 #test:before, #test before{ content: attr(data-content); width: 0; height: 0; } _2.HTML部分 <div id="test"  data-content=""></div> 设置content _3.JS部分 设置IE6/7 var $b

CSS3 nth 伪类选择器

考察下面的 HTML 代码片段: <div> <section>section 1</section> <section>section 2</section> <ul> <li>item 1</li> <li> <ul> <li>sub item 1</li> <li>sub item 2</li> <li>sub item

jQuery选择器代码详解(四)——Expr.preFilter

原创文章,转载请注明出处,多谢! Expr.preFilter是tokenize方法中对ATTR.CHILD.PSEUDO三种选择器进行预处理的方法.具体如下: Expr.preFilter : { "ATTR" : function(match) { /* * 完成如下任务: * 1.属性名称解码 * 2.属性值解码 * 3.若判断符为~=,则在属性值两边加上空格 * 4.返回最终的mtach对象 * * match[1]表示属性名称, * match[1].replace(rune

CSS 都有哪些选择器

派生选择器(用 HTML 标签申明) id 选择器(用 DOM 的 ID 申明) 类选择器(用一个样式类名申明) 属性选择器(用 DOM 的属性申明,属于 CSS2,IE6 不支持,不常用,不知道就算了) 除了前 3 种基本选择器,还有一些扩展选择器, 包括后代选择器(利用空格间隔,比如 div .a{ }) 群组选择器(利用逗号间隔,比如 p,div,#a{ }) 那么问题来了,CSS 选择器的优先级是怎么样定义的? * 1.id 选择器( # myid) 2.类选择器(.myclassnam

jQuery学习-------jQuery选择器

基本选择器: id选择器:$("#id") 标签选择器:$("tag") 类选择器:$(".classname") 通配选择器:$("*") 组选择器:$("selector1,selector2,...,selectorN") 层次选择器: 包含选择器:$("ancestor descendant") 子选择器:$("parent>child") 相邻选择器:

css学习--css选择器

学习慕课网笔记,课程:http://www.imooc.com/code/2024 1.css选择器 子选择器:parent>child 子选择器是指选择parent的范围内的第一个子元素.这里parent和child均是伪代码.可以是class用.classname,也可以是标签ul>li,也可以是id #pid>#cid 后代选择器:parent child 后代选择器是指:选择parent范围内的所欲child元素.与子选择器不同的是,这里包含嵌套内的child元素,而子选择器仅仅

第二章-jQuery选择器

一.jquery选择器的优势: ①简介的写法 ②支持css1-css3选择器 ③完善的处理机制 二.jQuery选择器分类: ①基本选择器 ①#id ②.class ③element ④* ⑤selector1,selector2,...... ②层次选择器 ①后代选择器 ②$("parent>child") 儿子选择器 ③$("prev+next")选择下一个同辈元素 等价于next() ④$("prev~siblings")选择后面的所

jquery选择器的使用方法

html: <div id="div1">我是div1</div><div id="div2" class="div2">我是div2</div><div id="div3">我是div3</div><div id="div4" class="div4">我是div4</div><div

我对jQuery选择器的总结

jquery选择器与css选择器的风格类似,但是jquery涉及到的功能更为强大,利用jquery选择器,可以很快的找出特定的DOM元素,并且对其进行操作,无需担心浏览器是否支持这一选择器. 根据选择器行为特点划分,jquery选择器主要有以下几种分类: (1)基本选择器 (2)层次选择器 (3)过滤选择器 (4)表单选择器 1.基本选择器 特点:最常用.最简单. 选择器 描述 返回 示例 #id(id选择器) 根据给定的id匹配一个元素 单个元素 $("#test")选择id为tes

HTML5-CSS面试题

[1]介绍一下CSS的盒子模型? (1)有两种, IE 盒子模型.标准 W3C 盒子模型:IE的content部分包含了 border 和 pading; (2)盒模型: 内容(content).填充(padding).边界(margin). 边框(border). [2]CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? 1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1