1、css基础选择器

（1）标签选择器：

（2）类选择器：

（3）id选择器：

只能调用一次（一般和js搭配使用）。

（4）通配符选择器：

2、复合选择器

（1）后代选择器（包含选择器）：

（2）子选择器（重要）：

这里元素设置的必须是亲儿子，也就是说，只有div里面的a才能更改文字颜色和字体大小，而对p里面的a无效。

（3）并集选择器：

（4）伪类选择器：

（5）focus伪类选择器：

对表单元素使用。

3、CSS3选择器

（1）属性选择器：

（2）结构伪类选择器：

nth-child()和nth-of-type()的区别：

如下图2

（3）伪元素选择器：

4、选择器的优先级及权重

！important > 行内样式 > id选择器（0,1,0,0） > 类选择器/伪类选择器/属性选择器（0,0,1,0） > 标签选择器/伪元素选择器（0,0,0,1） > 通配符选择器

CSS、CSS3选择器相关推荐

CSS / CSS3（新增）选择器及优先级原则
文章目录一.CSS基本选择器 1.通用选择器 * 2.元素(标签)选择器 3.类选择器 4.ID选择器 5.群组选择器二.关系选择器 1) 后代选择器 2) 子元素选择器 3) 兄弟选择器三.c ...
CSS 选择器 CSS3选择器
1.CSS 选择器 1.1 .CSS基础选择器标签选择器:所有标签名都可以当做选择器,比如body.h1.dl.ul.span等等 id选择器: 同一个页面内id不能重复(一般是JS中用ID选择器) ...
CSS和CSS3选择器
这一篇是对精通CSS:高级Web标准解决方案第二章的学习总结. 将会有以下内容: (1).常用的选择器. (2).高级选择器 (3).新的CSS3选择器最常用的选择器类型是类型选择器和后代选择器.类 ...
CSS 选择器 CSS3选择器
1.CSS 选择器 1.1 .CSS基础选择器 **标签选择器:**所有标签名都可以当做选择器,比如body.h1.dl.ul.span等等 id选择器: 同一个页面内id不能重复(一般是JS中用ID ...
css3 复合选择器,CSS复合选择器
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签. 交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器, ...
css怎么设置表格斑马纹效果,利用CSS3选择器实现表格的斑马纹
要用到的Css3选择器 element:nth-child(number){ } 选择器匹配属于其父元素的第 number 个子元素参数 Numberodd 奇数 even 偶数完整demo: 测 ...
CSS基础篇--CSS/CSS3中的原生变量var详解
使用语法首先我们先来看一个例子: html代码: <div class="element">这是一段文字</div> css代码: .element {w ...
CSS3选择器 :read-only选择器 CSS3选择器 :read-write选择器
CSS3选择器 :read-only选择器 ":read-only"伪类选择器用来指定处于只读状态元素的样式.简单点理解就是,元素中设置了"readonly='reado ...
CSS3 选择器(转)
http://www.w3school.com.cn/cssref/css_selectors.asp css的选择器,做个记录,在爬虫选择元素里很多要用到. CSS3 选择器在 CSS 中,选择器 ...

CSS、CSS3选择器