css选择器可以只对其中一种标签进行调整,如:修改字体颜色,调整图片大小,所在具体位置和背景的颜色设置等。根据具体不同需求把不同的标签选出来就是选择器的作用。
标签选择器是用HTML中的标签作为选择器,可为同类型设置同一样式:
标签名:{
属性1:属性值1;
属性2:属性值2;
}
类选择器可单独选一个或几个标签,用class属性表示,类选择器以一个“.”号显示。
多个类名之间需用空格分开 。
类名:{
属性1:属性值1;
}
ID选择器是以“#”来定义,是唯一对应,与类选择器不同
#id名:{
属性1:属性值1;
}
后代选择器是由外到内进行书写,元素中间也用空格隔开。
后代选择器的结构: 选择器1 选择器2 { 属性:值; } 后代选择器是获取选择器1的所有后代中名称为选择器2的元素。
子选择器
选择器1 > 选择器2 { 属性:值; }
后代选择器和子选择器的区别: 后代选择器会获取选择器1后的所有选择器2所对应的元素。 而子选择器只会获取选择器1的第一层中选择器2所对应的元素。