css3选择器，css3的选择器有哪些

这篇文章给大家聊聊关于css3选择器，以及css3的选择器有哪些对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

CSS3 选择器

css3中，追加了三个属性选择器分别为：

结构性伪类选择器由两部分构成，一是伪类选择器，一是伪元素选择器。

伪类选择器，要注意命名不要与系统定义好的选择器重名，例如link、hover

伪元素选择器中包含 first-line、first-letter、before、after。

当root和body起冲突时，body就对内容区域生效，在内容区外则是root生效。

格式:not(selector)

1. first-child对一个父元素中的第一个子元素进行样式的指定

2. last-child对一个父元素中的最后一个子元素进行样式的指定

3. nth-child（positon）对一个父元素中的指定序号的子元素进行样式的指定

4. nth-last-child对一个父元素中的指定倒数序号的子元素进行样式的指定

2）使用nth-of-type（odd）和nth-of-type（even）

1）使用nth-child

2）使用nth-child（an+b），a表示每次循环中，包括几种样式，b表示指定的样式在循环中所处的位置。

only-child选择器，在元素只有一个子元素时，可以代替使用 nth-child(1)/nth-last-child(1)。

在css3选择器中，除了结构性伪类选择器外，还有一种UI元素状态选择器——只有当元素处于某种状态下才起作用，在默认状态下不起作用。

通过js改变输入框的可输入和不可输入状态，通过css样式改变输入框可输入和不可输入状态时的背景颜色。

用来位于同一个父元素之下的，给与一个子元素平级的另一个子元素设定样式

CSS3中选择器

css3中的属性选择器

选择器：：root根选择器（相当于html）：not取反选中器（否定选择器）：empty空选择器（选中没有任何元素的标签）：target目的选择器

选择器：（同级元素标签，标签相同）：first-child 第一个子元素：last-child 最后一个子元素：nth-child（n）：only-child只有一个子元素时：nth-last-child（n）倒数 n：数字/表达式/奇odd/偶even

选择器：（同级元素标签，标签不同）：first-of-type第一个子元素：last-of-type 最后一个子元素：nth-of-type（n）：only-of-type只有一个子元素时：nth-last-of-type（n）倒数 n：数字/表达式/奇odd/偶even

选择器：（表单）：disabled禁用：enabled可用：checked默认选中菜单

选择器：：：selection默认选中：read-only只读：read-write可写

选择器：（举例div中class名） div [class=' a' ]{}  class名必须有a的 div [class*=' a' ]{} class名中包含a的 div [class^=' a' ]{} class名中以a开头 div [class$=' a' ]{} class名中以a结尾

css3的基本选择器有哪几种

1、标签选择器，也称为元素选择器。

标签选择器的基本形式如下：tagName{property:value}，其中tagName是标签名称，property是css的属性。

2、类选择器。

类选择器用来为一系列标签定义相同的呈现方式，常用的语法是.classValue{property:value}。其中classValue是类选择器的名称，这是由css编写者自己命名。(所有浏览器都支持类选择器，但多类选择器(.className1.className2)不被ie6支持。)

3、ID选择器。

ID选择器定义的是某一个特定的html元素，一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下：#idValue{property:value}。其中idValue是ID选择器的名称，可以由CSS编写者自己编写。(所有浏览器都支持)

4、全局选择器。

全局选择器就是对所有的htmlz元素起作用。语法格式为：*{propery:value}。其中“*”表示对所有元素起作用，property表示css的属性，value表示属性值。

5、复合选择器。

将多种选择器进行搭配，可以构成一种复合选择器，也称为组合选择器。

6、继承选择器。

继承的规则是子标签在没有定义的情况下，继承父标签的选择器;当子标签重复定义了父标签的声明时，执行子标签选择器。

7、伪类选择器。

伪类选择器主要应用在标签上，它由四种状态：未访问链接(link)、已访问链接(visited)、激活链接(active)、鼠标停留在连接上(hover)。

css3的选择器有哪些

css3选择器如下：

一、通配符选择器（*）

通配符选择器是用来选择所有元素，，也可以选择某个元素下的所有元素。

二、元素选择器（E）

元素选择器，是css选择器中最常见而且最基本的选择器。

三、类选择器（.className）

类选择器是以一独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名

四、id选择器（#ID）

ID选择器和上面说的类选择器是很相似的，在使用ID选择器之前也需要先在html文档中加注ID名称，这样在样式选择器中才能找到相对应的元素，不同的是ID选择器是一个页面中唯一的值，我们在类使用时是在相对应的类名前加上一个“.”号（.className）而id选择器是在名称前使用＂#＂如（#id）,

五、后代选择器（E F）

后代选择器也被称作包含选择器，所起作用就是可以选择某元素的后代元素，比如说：E

F，前面E为祖先元素，F为后代元素，所表达的意思就是选择了E元素的所有后代F元素，请注意他们之间需要一个空格隔开。

六、子元素选择器（E>F）

子元素选择器只能选择某元素的子元素，其中E为父元素，而F为子元素，其中E>F所表示的是选择了E元素下的所有子元素F。这和后代选择器（E

F）不一样，在后代选择器中F是E的后代元素，而子元素选择器E> F，其中F仅仅是E的子元素而以。

七、相邻兄弟元素选择器（E+ F）

相邻兄弟选择器可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素，换句话说，EF两元素具有一个相同的父元素，而且F元素在E元素后面，而且相邻，这样我们就可以使用相邻兄弟元素选择器来选择F元素。

END，本文到此结束，如果可以帮助到大家，还望关注本站哦！