淘先锋技术网

首页 1 2 3 4 5 6 7

在CSS中,选择符是指用于定位HTML元素的标识符。常用的选择符包括四种,分别为:元素选择符、ID选择符、类选择符以及通配符选择符。接下来,我们将逐一介绍这四种选择符。


/* 元素选择符 */
p {
    color: red;
}

css的四种选择符

元素选择符是最基础的选择符,它会选中HTML中的特定元素并给予样式。在上述代码中,我们使用元素选择符选中所有的段落

元素并将文字颜色设置为红色。


/* ID选择符 */
#title {
    font-size: 24px;
}

ID选择符以“#”开头,可以选择HTML中具有特定ID的元素。在上述代码中,我们使用ID选择符选择具有id属性为“title”的元素,并将其文字大小设置为24像素。一个HTML页面中,ID值必须唯一。


/* 类选择符 */
.intro {
    font-weight: bold;
}

类选择符以“.”开头,可以选中HTML中具有特定类名的元素。在上述代码中,我们使用类选择符选中所有具有class为“intro”的元素,并将它们的字体加粗。一个HTML页面中,同一个元素可以拥有多个类名。


/* 通配符选择符 */
* {
    margin: 0;
    padding: 0;
}

通配符选择符使用“*”表示,它可以选中HTML中所有的元素。在上述代码中,我们使用通配符选择符将所有元素的边距都设置为0,实现了一个CSS reset的效果。通配符选择符应该谨慎使用,因为它会影响到整个页面。