css中常用选择器

css中常用的选择器

css中可以通过【选择器】【声明块】来确定样式，使用时通过link标签将css文件引入后，直接确定好css文件中的选择器来规定某些内容的表现样式。常用的选择器包括id选择器，类选择器，交集选择器，并集选择器，关系选择器，伪类选择器等。

id选择器

id选择器通过id来确定选择器，语法为【#选择器】【声明块】，利用（id=”选择器“）来确定样式，要求id的实行不能相同；

类选择器

类选择器是比较常用的一种选择器，语法为【.选择器】【声明块】，通过(class=“选择器”)来确定，类选择器和id选择器类似，不同的是类选择器的属性值可以重复；类选择器也可以同时选择多个选择器（class=”选择器1 选择器2“）；

交集选择器

语法为【.选择器1.选择器2.选择器3】【声明块】，通过（class=”选择器1 选择器2 选择器3“）来一起确定这个样式；

并集选择器

语法为【选择器1，选择器2】【声明块】，通过（class=”选择器1“）或者（class=”选择器2“）都可以使用此样式；

关系选择器

一个块结构中可以有很多元素构成，元素之间构成各种关系，包括父子关系，兄弟关系等。如(div)(p.)(span)结构。【父元素>子元素】【声明块】表示子元素的样式。【元素a 后代元素a】【声明块】表示元素a下的所有后代元素a的样式。【元素1+元素2】【声明块】表示元素1的下一个兄弟元素样式，【元素1~元素2】【声明块】表示元素1后面的所有兄弟样式

伪类选择器

伪类表示不存在的类，用来描述一个元素的特殊状态，一般用冒号开头。如【ul>li：first-child】【声明块】表示表中第一个元素的样式，【ul>li:nth-child(2)】【声明块】表示表中第二个元素的样式。

超链接伪类

超链接使用的样式有：

• 【a:link】【声明块】 表示为访问的来链接样式

• 【a:visited】【声明块】 表示访问后的链接样式

• 【a:hover】【声明块】 表示鼠标移过去的链接样式

• 【a:active】【声明块】 表示鼠标点击后的链接样式