对css选择器的理解

        css选择器可以只对其中一种标签进行调整,如:修改字体颜色,调整图片大小,所在具体位置和背景的颜色设置等。根据具体不同需求把不同的标签选出来就是选择器的作用。

        标签选择器是用HTML中的标签作为选择器,可为同类型设置同一样式:

标签名:{

属性1:属性值1;

属性2:属性值2;

}

       类选择器可单独选一个或几个标签,用class属性表示,类选择器以一个“.”号显示。

       多个类名之间需用空格分开 。

类名:{

属性1:属性值1;

}

        ID选择器是以“#”来定义,是唯一对应,与类选择器不同

#id名:{

属性1:属性值1;

}

       后代选择器是由外到内进行书写,元素中间也用空格隔开。

后代选择器的结构:
选择器1 选择器2 {
  属性:值;
}
  后代选择器是获取选择器1的所有后代中名称为选择器2的元素。

       子选择器

选择器1 > 选择器2 {
属性:值;
}
后代选择器和子选择器的区别:
后代选择器会获取选择器1后的所有选择器2所对应的元素。
而子选择器只会获取选择器1的第一层中选择器2所对应的元素。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值