css常用选择器的用法 |css 浮动顺序

标签选择器：通过标签名选取元素，如p、h1等。
.class选择器：通过设置元素的类名进行选择，如类名为red的元素可以通过".red"来选择。
#id选择器：通过设置元素的id进行选择，如id为header的元素可以通过"#header"来选择。
后代选择器：通过指定祖先元素和后代元素来选择元素，如"ul li"选择所有ul下的li元素。
伪类选择器：通过设置元素的状态来选择元素，如:hover、:focus等。
通配符选择器：选择所有元素，如"*"选择所有元素。

实际应用时，大家可以将多个选择器组合起来使用，比如：

.class1.class2：同时拥有class1和class2的元素。
.class1 .class2：class2是class1的子元素。
.class1>.class2：class2是class1的子元素，但不能是孙子元素。

使用选择器可以更加方便的操作样式，比如：

/*选中所有p元素并设置字体为宋体*/
p {
font-family: "宋体";
}
/*选中类名为red的元素并设置背景颜色为红色*/
.red {
background-color: red;
}
/*选中id为header的元素并添加下边框*/
#header {
border-bottom: 2px solid black;
}
/*选中所有ul下的li元素并设置字体颜色为绿色*/
ul li {
color: green;
}