css语法

/* 这是一个简单的 CSS 语法示例 */

/* 选择器 */
body {
    /* 属性: 值; */
    background-color: lightblue;
    font-family: Arial, sans-serif;
}

/* 类选择器 */
.class-name {
    color: darkblue;
    padding: 10px;
}

/* ID 选择器 */
#id-name {
    border: 2px solid black;
}

/* 组合选择器 */
div, p, span {
    margin: 5px;
    font-size: 16px;
}

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

/* 优先级 */
p.warning {
    color: red;
    font-weight: bold;
}

解释说明：

• 选择器：用于指定要应用样式的 HTML 元素。例如，body 选择器将样式应用于整个页面的主体部分。
• 类选择器：通过 .class-name 来选择具有特定类名的元素，并应用相应的样式。
• ID 选择器：通过 #id-name 来选择具有特定 ID 的元素，通常每个页面中只有一个元素使用该 ID。
• 组合选择器：可以同时选择多个类型的元素并应用相同的样式。
• 伪类选择器：用于选择元素的特定状态，如 a:hover 表示当鼠标悬停在链接上时应用的样式。
• 优先级：当多个选择器应用于同一个元素时，CSS 会根据选择器的优先级来决定最终应用的样式。