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

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。