css selector 元素定位

这篇文章距离上次修改已过230天，其中的内容可能已经有所变动。

在CSS中，元素的定位主要依赖于选择器（selectors）。选择器是一种模式，用于选择需要添加样式的元素。以下是一些常用的CSS选择器：

p { color: red; }

.my-class { background-color: blue; }

#my-id { font-size: 20px; }

input[type="text"] { border: 1px solid black; }

a:hover { color: green; }

p::first-letter { font-size: 200%; }

ul > li { color: purple; }

h1 + p { margin-top: 0; }

div p { color: orange; }

* { margin: 0; padding: 0; }

选择器的组合和嵌套可以实现更为复杂的定位需求。例如，你可以结合类选择器和属性选择器来定位具有特定类和属性的元素：

input.my-class[type="text"] { border: 1px solid red; }

CSS选择器是定位元素的基础，可以根据需要组合使用以实现精准定位。