css选择器3种，css选择器的使用方法

css有哪些选择器

1、标签选择器：选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。

2、代表ID选择器，如：#content，权值为100。代表类，伪类和属性选择器，如.content，权值为10。代表类型(元素)选择器和伪元素选择器，如divp，权值为1。按照CSS代码的执行先后顺序。

3、css样式中最常用的四个伪类选择器分别是： `：hover`：这个伪类选择器用于选择鼠标指针悬停在上面的元素。例如，如果你有一个链接，当你把鼠标指针悬停在链接上时，链接的颜色可能会改变。

4、标签选择器（如：body，div，p，ul，li）。.类选择器（如：class=head，class=head_logo） 。ID选择器（如：id=name，id=name_txt）。全局选择器（如：*号）。

5、目前nth-of-type(n)只支持火狐opera、safari和chrome等部分浏览器。

相关问答

Q1: css选择器有哪几种

1、css选择器有，标签名选择器，类选择器，ID选择器，后代选择器，群组选择器。新建文件创建标记选择器。效果。创建类别选择器。创建ID选择器。效果。附上源码。

2、标签选择器（如：body，div，p，ul，li）。.类选择器（如：class=head，class=head_logo） 。ID选择器（如：id=name，id=name_txt）。全局选择器（如：*号）。

3、class选择器：通过 . 类名获取元素 权重：0010 （通过class类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。

4、后代选择器，就是一种平衡：共性、特性的平衡。当要把某一个部分的所有的什么，进行样式改变，就要想到后代选择器。后代选择器，描述的是祖先结构。看定义可能有点难理解，我们来看例子吧。

Q2: CSS3中选择器有哪些语法

1、通配符选择器（＊）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素。元素选择器(E)元素选择器，是css选择器中最常见而且最基本的选择器。

2、类选择器。类选择器用来为一系列标签定义相同的呈现方式，常用的语法是 .classValue{property：value}。其中classValue是类选择器的名称，这是由css编写者自己命名。

3、X：nth-child(n) li：nth-child(3) {color： red；}接下来的几个伪类选择器使用上非常类似，功能也比较接近。：nth-child(n)，用于匹配索引值为n的子元素。索引值从1开始。

4、first-child 选择器匹配其父元素中的第一个子元素。语法：元素：first-child{ css样式}例：匹配 的父元素的第一个元素p：first-child{ background-color：yellow；}注释：所有主流浏览器都支持 ：first-child 选择器。

Q3: CSS3常用的几种选择器

1、标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。

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

3、常用于链接描点上(3)E：active 用户行为选择器 选择匹配的E元素，且匹配元素被激活。常用于链接描点和按钮上(4)E：hover 用户行为选择器 选择匹配的E元素，且用户鼠标停留在元素E上。

4、HTML CSS 执行效果：c.元素选择器：通过note节点名称匹配元素。HTML CSS 属性选择器：注意：最后一个选择器是E[attr|=val]，由于输入|会对表格造成影响，只能用/代替。CSS3新增了一些属性选择器，待持续更新。

关于css选择器3种和css选择器的使用方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。