1)CSS选择器定位元素
CSS选择器是一种模式,用于选择需要样式化的HTML元素。在Web开发中,CSS选择器用于定位文档中的元素,以便对它们应用样式规则。这里介绍几种常用的CSS选择器:
-
元素选择器(类型选择器):
选择所有指定类型的元素。例如,p
选择所有<p>
元素。 -
类选择器:
选择所有具有指定类名的元素。类名以点(.
)开头。例如,.classname
选择所有具有类名classname
的元素。 -
ID选择器:
选择具有指定ID的元素。ID在HTML文档中应该是唯一的。ID选择器以井号(#
)开头。例如,#idname
选择具有IDidname
的元素。 -
属性选择器:
根据元素的属性及属性值来选择元素。例如,[type="text"]
选择所有type
属性值为text
的元素。 -
后代选择器(或包含选择器):
选择某个元素内部的后代元素。使用空格分隔两个选择器。例如,div p
选择<div>
元素内部的所有<p>
元素。 -
子选择器:
选择直接子元素。使用>
分隔两个选择器。例如,ul > l