CSS选择器
/*为页面中的所有的p元素，设置一个字体颜色为红色*/
/*
元素选择器
作用：通过元素选择器可以选择页面中的所有指定元素
语法：标签名{ }
*/
/*p{
color: red;
}
h1{
color: red;
}*/
/*
id选择器
作用：通过元素的id属性值选中唯一的一个元素
语法：#id属性值{}
*/
/*#p1{
font-size: 20px;
}*/
/*
类选择器
作用：通过元素的class属性值选中一组元素
语法：.class属性值{}
*/
/*.p2{
color: red;
}
.hello{
font-size: 50px;
}*/
/*为id为p1的元素，class为p2的元素，还有h1，同时设置一个背景颜色为黄色*/
/*
选择器分组（并集选择器）
作用：通过选择器分组可以同时选中多个选择器对应的元素
语法：选择器1,选择器2,选择器N{}
*/
/*#p1,.p2,h1{
background-color: yellow;
}*/
/*
通配选择器
作用：可以用来选中页面中的所有的元素
语法：*{}
*/
/**{
color: red;
}*/
/*为拥有class为p3的span元素设置一个背景颜色为黄色*/
/*
复合选择器（交集选择器）
作用：可以选中同时满足多个选择器的元素
语法：选择器1选择器2选择器N{}
*/
span.p3{
background-color: yellow;
}
/*
对于id选择器来说，不建议使用复合选择器
p#p1{
background-color: red;
}
*/
悯农
床前明月光
床前明月光
床前明月光
床前明月光
床前明月光
床前明月光
床前明月光
床前明月光
疑是地上霜