css属性查找选择器

CSS属性查找选择器是指在CSS中使用属性来选择元素做出样式效果的过程。CSS属性的选择器包括：类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器等。在CSS中，不同的选择器有着不同的权重，我们可以通过权重的高低来确定使用哪一个选择器。

/*
*  以下是 CSS 的选择器权重（从高到低）：
*
*  !important
*  行内样式（例如 ）
*  ID选择器（例如 #head）
*  伪类、类、属性选择器（例如 :hover、.className、[attr]）
*  元素选择器（例如 div）
*  通配符选择器（*）
*  继承样式（例如 body）
*/



我们可以通过上面的选择器权重来确定使用哪一个选择器来完成我们的样式效果。同时，在CSS中，还有一些属性可以进一步限制选择器。例如下面的CSS代码块示例，我们使用了类选择器和属性选择器，针对选择器的某些属性做出了不同的样式效果。其中，选择器 .active:eq(1) 表示的是第二个类名为 active 的元素。

/* 某个页面的CSS样式表 */
.active { color: red; }
.active:eq(1) { color: blue; }

/* HTML代码 */
<html>
  <body>
    <div class="active" id="1" title="Lorem Ipsum">Lorem ipsum dolor sit amet,consectetur adipiscing elit.</div>
    <div class="active" id="2" title="Donec eget massa">Donec eget massa laoreet quam tempor lacinia.</div>
    <div class="active" id="3" title="Nulla aliquam lacinia lectus">Nulla aliquam lacinia lectus,nec tempus felis fermentum eu.</div>
  </body>
</html>


上面的CSS代码块中，我们通过属性选择器选择了有 title 属性的元素，并针对选择器 .active:eq(1) 的颜色做出了具体的样式效果。这里需要注意的是，选择器 .active:eq(1) 后面的:eq(1) 是 jQuery 的一个选择器，它表示的是一个索引值，也就是说，在所有类名为 active 的元素中，选择第二个元素。

总的来说，CSS属性查找选择器是 CSS 样式表中非常重要的一部分，其选择器的优先级以及属性的限制可以帮助我们更加准确地定位元素，使我们可以在处理 CSS 样式时更加方便快捷。
							
			
				上一篇：css属性控制文本字体大小怎么调				下一篇：css属性用来改变背景颜色

css属性查找选择器

相关推荐