高级选择器

:target伪类，用于定位元素

<p id="xxx">看我看我看我</p>

p:target{

　　color:red;

}

:lang

:nth-child

选中一类元素

:nth-child(an+b){}

例如

li:nth-child(3n+1){color:red}

其中，2n和2n+1可以用even和odd代替

:nth-of-type

:first-child

:last-child

:not()

排除匹配的元素

比如 img:not([alt])选择没有写alt属性的图片

伪元素

::first-letter

弟弟选择器（只能选下面的）

+下一个

~只要是兄弟

时间： 2024-10-20 17:30:43

高级选择器的相关文章

jQuery高级选择器

高级选择器方法: find().children().next().nextAll().prev().prevAll().siblings().nextUntil().prevUntil() 这些方法如果不传递参数,相当于传递了('*'),即所有节点.如果传递了参数,例如 find('p'), next('a'),则表示选择指定的标签元素. find():选择正在处理的元素的后代元素 find('p'):选择正在处理的元素的后代元素中的p元素 children(): 选择正在处理的元素的所有儿子

CSS引入方式，高级选择器

css引入方式: 1.内部样式 style标记在head标记中应用范围:当前整个页面中应用 2.行内样式 style属性 <p style="color:black; font-size:24px">行内样式</p> 应用范围:指定的标签内应用,优先级高于内部样式不太推荐用这种方式 3.外部样式声明:.css样式文件引入: 链接方式:<li

在IE中使用CSS3高级选择器

CSS3高级选择器确实很强大,可以显著简化html代码,大幅提升CSS的可读性.IE9以下的IE浏览器是不支持CSS3高级选择器,但是有额外的方法可以使IE6-IE8浏览器也能使用CSS高级选择器. 需要先下载两个文件: domassistant.js http://www.domassistant.com/ selectivizr.js http://selectivizr.com/ 使用方法: 在head标签之间或者body标签之后导入这两个文件就可以了 <!--[if IE]>

jQuery高级选择器和其等价方法

jQuery选择器和css一样,但兼容性更好 <body> <p>p1</p> <p>p1</p> <p>p1</p> <div id="box"> <p>p2</p> <p>p2</p> <p>p2</p> <div> <p>p3</p> <p>p3</p>

（转载）css高级选择器

以前由于考虑到IE6等浏览器的兼容属性,常常对于高级的css选择符不感兴趣,最近开始,发现前端方面的IE6其实已经逐渐的消失了,学会用css3的高级选择器,可以起到事半功倍的效果,所以以后将会加强这方面的学习和积累一些经验,今天重温以前被人用过的很多选择器,当然有一些也许你还不知道,没关系,从现在开始学习吧. CSS是对网页设计师可用的最强大的工具之一.使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签.但是尽管事实上,我们每个人也都意识到了它是有用的,CSS 选择器远未发挥它们

JQuery_高级选择器

在很多特殊的元素上,比如父子关系的元素,兄弟关系的元素,特殊属性的元素等等. 在早期 CSS 的使用上,由于 IE6 等低版本浏览器不支持,所以这些高级选择器的使用也不具备普遍性,但随着 jQuery 兼容,这些选择器的使用频率也越来越高. 1.层次选择器在层次选择器中,除了后代选择器之外,其他三种高级选择器是不支持 IE6 的,而 jQuery却是兼容 IE6 的. 1.后代选择器 <script type="text/javascript" src="jquery

CSS选择器详解（二）通用选择器和高级选择器

目录通用选择器高级选择器子选择器相邻兄弟选择器属性选择器通用选择器通用选择器可以选择页面上的所有元素,并对它们应用样式,用 * 来表示. 语法: * { property1: value; property2: value; } 示例: * { margin:0; padding:0;} 这行代码可以删除每个元素在浏览器中margin和padding的默认值.不同的浏览器对元素的默认margin和padding可能不同,用通用选择器把所有元素的margin和padding都设置为0

python全栈开发day37-css三种引入方式、基础选择器、高级选择器、补充选择器

一.昨日内容回顾 div:分割整个网站,很多块 (1)排版标签 (2)块级标签独占一行可以设置高和宽,如果不设置宽高,默认是父盒子的宽 span: (1) 小区域 (2)文本标签 (3)在一行内显示,不能放置容器类(块)的盒子 (4)宽高不能设置 (5)宽高跟span的内容相关 a: (1)文本级标签 (2)不能设置高和宽 (3)超链接href:连接资源 title 鼠标的悬浮时的标题跳转顶部top: <div id= 'top'> <div> ....... <a h

Python-ccs高级选择器盒模型

css高级选择器与盒模型脱离文档流 ,其中就是产生了BFC 1.组合选择器 - 群组选择器 /* 每个选择器位可以位三种基础选择器的任意一个, 用逗号隔开, 控制多个 */ div, #div, .div {color: red} - 后代(子代)选择器 .sup .sub { 后代,sup一定是sub的父代(不一定是父集,sub就是被sup直接嵌套) } .sup > .sub {子代} - 兄弟(相邻) 选择器 .up ~ .down {兄弟} .up + .down {相邻} - 交集选

文本属性、高级选择器、精灵图

1.字体设置 ''' text-align:center; # 水平居中方式 color:red; # 字体颜色 font:900 30px/120px 'STSong'; # 字重大小/行高字族 # 了解 # em(自身->父->html) | rem(html) text-indent: 2em; #字划线 # underline | line-through | overline text-decoration: overline; ''' 2.reset操作 # what|why: