css select

作者：忽然之间发布日期:2026-01-17 浏览:45

/* 示例代码：使用 CSS 选择器 */

/* 1. 元素选择器 */
p {
  color: blue;
}

/* 解释：选择所有 <p> 元素，并将其文本颜色设置为蓝色。 */

/* 2. 类选择器 */
.box {
  background-color: yellow;
}

/* 解释：选择所有带有 class="box" 的元素，并将其背景颜色设置为黄色。 */

/* 3. ID 选择器 */
#header {
  font-size: 24px;
}

/* 解释：选择 ID 为 "header" 的元素，并将其字体大小设置为 24 像素。 */

/* 4. 属性选择器 */
input[type="text"] {
  width: 200px;
}

/* 解释：选择所有 type 属性值为 "text" 的 <input> 元素，并将其宽度设置为 200 像素。 */

/* 5. 伪类选择器 */
a:hover {
  text-decoration: underline;
}

/* 解释：当鼠标悬停在 <a> 元素上时，添加下划线效果。 */

上一篇：css自适应布局

下一篇：css上下左右居中