本篇文章给大家谈谈css3新增的选择器有哪些，以及css3新增的属性有对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
CSS3选择器知识整理
1、类选择器： 类名前的`.`如`.fontStyle{font-size： 18px；}`，能精准定位到具有特定类的元素。 ID选择器： 使用`#`标识，如`#box{font-size： 18px； color： green；}`，为具有特定ID的元素设定样式。 通配符选择器： `*{font-size： 18px； color： #1c65dd；}`，覆盖所有元素，设置全局样式。
2、通配符选择器（＊）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素。元素选择器(E)元素选择器，是css选择器中最常见而且最基本的选择器。
3、标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。类选择器用来为一系列标签定义相同的呈现方式，常用的语法是 .classValue{property：value}。其中classValue是类选择器的名称，这是由css编写者自己命名。
4、兄弟选择器( E~F )是 CSS3 新增选择器，代表 E 和 F 具有同一个父元素，并且 F 元素在 E 元素后面，但是不用相邻。例子 语法 相邻选择器( E+F )是 E 和 F 具有同一个父元素，并且 F 元素在 E 元素后面且相邻。语法 简介 根据具有链接属性的 E 元素的被访问情况进行匹配。
5、first-of-type p：first-of-type 选择属于其父元素的首个 元素的每个 元素。：last-of-type p：last-of-type 选择属于其父元素的最后 元素的每个 元素。：only-of-type p：only-of-type 选择属于其父元素之一的 元素的每个 元素。
CSS3新增的选择器
1、first-of-type p：first-of-type 选择属于其父元素的首个 元素的每个 元素。：last-of-type p：last-of-type 选择属于其父元素的最后 元素的每个 元素。：only-of-type p：only-of-type 选择属于其父元素之一的 元素的每个 元素。
2、兄弟选择器( E~F )是 CSS3 新增选择器，代表 E 和 F 具有同一个父元素，并且 F 元素在 E 元素后面，但是不用相邻。例子 语法 相邻选择器( E+F )是 E 和 F 具有同一个父元素，并且 F 元素在 E 元素后面且相邻。语法 简介 根据具有链接属性的 E 元素的被访问情况进行匹配。
3、其新增伪类有：nth-child（）、：nth-of-type（）。：nth-child（）：nth-child（n） 伪类选择器用于选择其父元素的第 n 个子元素。例如，：nth-child（2）将选择每个父元素的第二个子元素。
4、可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。
css选择器
css样式中最常用的四个伪类选择器分别是： `：hover`：这个伪类选择器用于选择鼠标指针悬停在上面的元素。例如，如果你有一个链接，当你把鼠标指针悬停在链接上时，链接的颜 可能会改变。例如，如果你有一个链接，当你把鼠标指针悬停在链接上时，链接的颜 可能会改变。
标签选择器（如：body，div，p，ul，li）。.类选择器（如：class=head，class=head_logo） 。ID选择器（如：id=name，id=name_txt）。全局选择器（如：*号）。.组合选择器（如：.head .head_logo，注意两选择器用空格键分开）。
一个标签可以被多个css选择器选择，共同作用，这就是“层叠式”的第一层含义 类选择器：规定用圆点.来定义 类选择器. 针对想要的所有标签使用。优点：灵活。css中用.来表示类。
类型选择器 CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器)，可以向这种元素类型的每个实例上应用声明。例如，以下简单规则的选择器是H1，因此规则作用于文档中所有的H1元素。简单属性选择器 CLASS属性 CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。
CSS选择器分类：标签选择器、类选择器、ID选择器、全局选择器、群组选择器、后代选择器、伪类选择器 html标签选择器：定义：以html标签作为选择器 class类选择器：定义：为HTML标签添加class属性，通过类选择器来为具有此class属性的元素设置css样式。
CSS3新增的哪些选择器和常见的属性是哪些?
选择器（Selectors）CSS3增加了更多的CSS选择器，可以实现更简单但是更强大的功能，比如：nth-child()等。其它模块：（Other modules）media queries：感觉叫媒体选择比较合适，可以为网页中不同的对象设置不同的浏览设备。比如可以为某一块分别设置屏幕浏览样式和手机浏览样式，以前则只能设置整个网页。
基础选择器：标签选择器： 例如，通过``，可以轻松选中所有``标签，使其文本颜 变为红 。类选择器： 类名前的`.`如`.fontStyle{font-size： 18px；}`，能精准定位到具有特定类的元素。 ID选择器： 使用`#`标识，如`#box{font-size： 18px； color： green；}`，为具有特定ID的元素设定样式。
允许 浏览器可视范围 最小大小 为 992px，当 浏览器可视范围的大小 ≥ 992px 时， .container 的最大宽度 为 970px，即，无论 浏览器放到多大，只要它不少于 992px ，.container 的宽度始终为 970px。当 浏览器可视范围 小于 992px 时，.container 中的设置无效。
css3新属性：RGBA和透明度 RGBA是RGB 彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha 通道，即除了红绿蓝三种颜 外还增加一个代表透明度的通道，其中 RGB 值分别表示红 、绿 、蓝 ，而 alpha 取值则为 0 到 1 （小数位一位）。
css3选择器如下：通配符选择器（*）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素。元素选择器（E）元素选择器，是css选择器中最常见而且最基本的选择器。
关于css3新增的选择器有哪些和css3新增的属性有的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
