CSS中常用的选择器让我们可以快速地选中页面的元素并添加样式。以下是一些常用的选择器:/ 选中标签名为p的元素 / p { color: red; } / 选中类名为main的元素 / .main {...
CSS中常用的选择器让我们可以快速地选中页面的元素并添加样式。以下是一些常用的选择器:
/* 选中标签名为p的元素 */
p {
color: red;
}
/* 选中类名为main的元素 */
.main {
font-size: 16px;
}
/* 选中ID名为header的元素 */
#header {
background-color: blue;
}
/* 选中第一个p标签 */
p:first-child {
border: 1px solid black;
}
/* 选中包含自己于父元素内第二个p标签 */
p:nth-child(2) {
padding: 10px;
}
/* 选中带有自定义属性data-target的元素 */
[data-target] {
cursor: pointer;
} 通过这些常用选择器,我们可以更加方便快捷地对网页进行样式设计。