本篇文章给大家谈谈css选择器q匹配，以及css ～选择器对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
css选择器有哪些?
标签选择器（如：body，div，p，ul，li）。.类选择器（如：class=head，class=head_logo） 。ID选择器（如：id=name，id=name_txt）。全局选择器（如：*号）。.组合选择器（如：.head .head_logo，注意两选择器用空格键分开）。
标签选择器：通过标签名获取元素 权重：0001 （此种选择器影响范围大，建议尽量应用在层级选择器中。）class选择器：通过 . 类名获取元素 权重：0010 （通过class类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。
类别选择器 类选择器根据类名来选择，前面以“.”来标志。示例：.demoDiv{ color：#FF0000；} 标签选择器 一个完整的HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的CSS样式。
CSS中:nth-child和JQuery:eq的区别
1、nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。例如选第2个就直接：nth-child(2)：eq() 选择器选取带有指定 index 值的元素。index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。
2、(‘li：nth-child(2)’) 选取父级元素中第二个元素。也一家要位于一个父级元素内。比如 1 2 此时2是匹配的。(’tr：nth-child(odd)’) 选取表格中所有为奇数的行元素。(‘li：nth-child(3n)’) 在父级元素中有很多个元素，但只选取隔3次出现的元素。
3、使用css选择器，$(tr td：nth-child(2))。使用遍历函数eq()。下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。
4、其实jQuery选择器就只有一种$()函数或jQuery()函数，$只是jQuery的缩写。$()的引号中，以点开头，说明是选择Class。以井号开始，说明是选择ID，直接写入标签，则证明是选择指定的元素。最主要就是筛选器。比如：我有个需求，在表格中每隔一行设置一个背景 。
5、nth-child(Xn+Y)表示从第Y个开始，递增X 则可以有：nth-child(3n+10)表示从第10个开始，10，13，16，19……：nth-child(3n)则Y=0，可省略，表示从0开始，0，3，6，9……”这位回答的有问题的吧，貌似nth-child的参数最小也是1，是从1开始的，而不是从0开始的啊。
6、l nth-child(even/odd)：能选取每个父元素下的索引值为偶(奇)数的元素。l nth-child(2)：能选取每个父元素下的索引值为 2 的元素。l nth-child(3n)：能选取每个父元素下的索引值是 3 的倍数的元素。l nth-child(3n + 1)：能选取每个父元素下的索引值是 3n + 1的元素。
css选择器有哪些?各种选择器优先级大小顺序
1、答案：CSS选择器有多种类型，包括元素选择器、类选择器、ID选择器、属性选择器、伪类选择器以及伪元素选择器等。各种选择器的优先级大小顺序为：ID选择器 类选择器 标签选择器 伪类与伪元素选择器。内联样式优先级最高，其次是样式表中的规则。
2、（一）基本选择器（二）层次选择器（三）动态伪类选择器（四）目标伪类选择器 （五）ui状态伪类选择器（六）结构伪类选择器（七）属性选择器（八）伪元素 (一)基本选择器 标签选择器：通过标签名获取元素 权重：0001 （此种选择器影响范围大，建议尽量应用在层级选择器中。
3、CSS选择器优先级从高到低排列如下：！important声明：带有！important声明的属性具有最高优先级。内联样式：在HTML元素的style属性中指定的样式具有第二高的优先级。ID选择器：ID选择器具有比属性选择器更高的优先级。类选择器、属性选择器和伪类选择器：这些选择器的优先级相同。
4、所有 CSS 的选择符由上述 7 种基础的选择器或者组合而成，组合的方式有 3 种：后代选择符： .father .child{} 子选择符： .father .child{} 相邻选择符： .bro1 + .bro2{} 当一个标签同时被多个选择符选中，我们便需要确定这些选择符的优先级。
5、其它选择器优先级主要根据定义的先后顺序，最后定义的优先级高 ！important 加重选择器的优先级，添加在样式规则之后，中间用空格隔开。
css选择器q匹配的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css ～选择器、css选择器q匹配的信息别忘了在本站进行查找喔。
