css基础选择器有哪些

作者：嗜神魔影发布日期:2025-11-06 浏览:33

/* 标签选择器 */
p {
  color: blue;
}
/* 解释：选择所有的 <p> 标签，并将文本颜色设置为蓝色。 */

/* 类选择器 */
.class-name {
  background-color: yellow;
}
/* 解释：选择所有具有 class="class-name" 的元素，并将其背景颜色设置为黄色。 */

/* ID 选择器 */
#id-name {
  font-size: 20px;
}
/* 解释：选择具有 id="id-name" 的唯一元素，并将其字体大小设置为 20 像素。 */

/* 通用选择器 */
* {
  margin: 0;
  padding: 0;
}
/* 解释：选择所有元素，并将它们的外边距和内边距设置为 0。 */

/* 属性选择器 */
input[type="text"] {
  border: 1px solid black;
}
/* 解释：选择所有 type 属性值为 "text" 的 <input> 元素，并为其添加 1 像素的黑色边框。 */

上一篇：css大小自适应

下一篇：css透明背景