CSS 有哪些基本选择器？他们的权重是如何表示的？

选择器	作用	格式
通配符	选中页面中所有的标签	*{ }
标签选择器	选中页面中所有是div的标签	div{ }
类选择器	选择页面中所有是box的标签	.box{ }
id选择器	选中页面中id是 box的标签	#box{ }

选择器	权重
!important	无穷大
行内样式	1000
id	100
class	10
tag	1
*	0
继承（父元素的样式）	无

/* 子代选择  .box下面的所有h1  */
.box > h1{
    text-align: center;
}

/* 后代选择器 */
.box h1{
    color: pink;
}

/* 并列选择器 */
h2,p{
    font-family: "楷体";
    font-size: 30px;
}

注意：    

1：样式冲突： 当多个选择器对同一个样式进行设置时 会发生相互冲突的情况最后以优先级高的为准，如果优先级相同  就近原则。

2：不是所有的样式都可以继承的 一般都是一些文字样式颜色等

3：如果选择器综合使用 权重会相加 不会超过他的数量级

.             class span   叠加权重为    10 + 1 = 11

             .class .class  叠加权重为    10 + 10 = 20;

              #id .class     叠加权重为     100+10 = 110;

4：选择器的匹配规则 从右向左。参考文档  https://www.jianshu.com/p/176291637a94