前端css基础知识点之selector——选择器

前端css基础知识点之selector——选择器

7种常用选择器

1、通配符选择器 * 表示所有标签

* {
    background-color: blue;
} 

2、标签选择器 标签名 一般对一类标签设置样式 采用

h1 {
    color: red;
}
a {
    text-decoration: none;
}

3、id选择器 #id 用的不多 一般用在独一无二的元素

#box2 {
    background-color: green;
}

4、类选择器 .class 用的最多

.f30 {
    font-size: 30px;
}

5、并集选择器(群组选择器) p div h2 字颜色为红色

p,
h2,
div {
    color: red;
}

6、交集选择器 li.f30 既是li又class是f30

li.f30 {
    text-decoration: underline;
}

7、后代选择器

div .f30 {
    font-weight: 700;
}