css的各种选择器

/1、元素选择器 E{}/
/* p {
color: black;
background: blue;
}
div {
color: black;
background: blue;
}
a {
color: black;
background: blue;
}
{
margin: 0;
} /
/ 2、属性选择器 E[attr]{} /
/ div[id=xx] {
color: red
} /
/3、 class选择器 .class值{}/
/ .boy {
color: red
}
.girl {
color: blue
} /
/ 4、id选择器 #id值{} id值要求唯一*/
/* #gsd {
color: red
} /
/ div.qcby {
color: red
} /
/ 5、包含选择器 selector1 selector2{}/
/ div .qcby {
color: red
} /
/ 6、子选择器 selector1>selector2{} /
/ body>ul>li {
color: blue;
}
body>ul>li>ul>li {
color: red
} /
/ 兄弟选择器 selector1~selector2{} 只找弟弟*/
/* ul {
color: blue;
}
.php~li {
color: red;
} */
/*8、选择器的组合 selector1,selector2,… */
p,
div,
a,
.gs {
color: black;
background: blue;
}