css常用的基础选择器 |css 3 header

/* 基于元素类型的选择器 */
p {
color: red;
}
/* 基于类名的选择器 */
.title {
font-size: 24px;
}
/* 基于 ID 的选择器 */
#logo {
width: 200px;
}
/* 基于属性的选择器 */
input[type="text"] {
border: 1px solid #ccc;
}
/* 基于后代元素的选择器 */
ul li {
list-style: none;
}
/* 基于子元素的选择器 */
ul >li {
padding: 10px;
}

基于元素类型的选择器，例如上述 p 选择器，会选取网页中所有的 p 元素并应用相应的样式。基于类名的选择器，例如上述 .title 选择器，会选取所有带有 title 类名的元素来应用样式。基于 ID 的选择器，例如上述 #logo 选择器，选取具有 logo ID 的元素来应用样式。

基于属性的选择器，例如上述 input[type=”text”] 选择器，选取 type 属性值为 text 的元素来应用样式。基于后代元素的选择器，例如上述 ul li 选择器，会选取 ul 元素内所有 li 元素来应用样式。基于子元素的选择器，例如上述 ul >li 选择器，会选取 ul 元素下一级的 li 元素来应用样式。

以上是 CSS 中常用的基础选择器，了解它们对编写高效的 CSS 代码很有帮助。