2020-01-13 (选择器以及嵌套规则)

本文详细介绍了CSS选择器的使用,包括id选择器、标签选择器、class选择器、通配符、包含选择器和群组选择器,以及它们的优先级规则。同时,还探讨了HTML标签的嵌套规则,并提供了判断图片是背景图还是引入图的标准。
摘要由CSDN通过智能技术生成

选择器

-id选择器
书写方式:
id=“name” -> #name{ 这里放css样式 }
特性:

  1. ID命名在当前页面中不允许重复
  2. 开头不可以是数字
  3. 不允许出现特殊字符,-_除外
  4. 不使用中文
  • 标签选择器
    书写方式:
    不需要在标签上做任何事 -> 标签名{ 这里放css样式 }
    特性:
    1.针对所有该名字的标签设置上样式
  • class选择器
    书写方式:
    class=“name” -> .name{ 这里放 css样式 }
    特性:
    1.class命名可以在当前页面中多次出现
    2.开头不可以是数字
    3.不允许出现特殊字符,-_除外
    4.不使用中文
  • *通配符
    书写方式:
    不需要在标签上做任何事 -> *{ 这里放css样式 }
    特性:
    会选中所有标签,所以并不推荐使用

注意:一个元素可以添加多个class,以空格进行间隔,id不可以

  • 包含选择器
    书写方式:
#box .a{ 这里放css样式 }

以上的代码含义:选取父级id为box下面的所有div元素
特性:
1.可以通过

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值