Css 基础

CSS 基础学习笔记

css 选择器

如果多于一个规则指定了相同的属性值都应用到一个元素上,CSS规定拥有更高确定度的选择器优先级更高。
ID选择器比类选择器更具确定度, 而类选择器比标签选择器(tag selector)更具确定度。

你也可以将多个选择器组合起来构成更确定的选择器。

比如,选择器.key 选中所有class属性为 key的元素. 选择器 p.key 选中所有class属性为key的p 元素。

除了class 和 id,你还可以用方括号的形式指定其他属性。比如,选择器 [type=’button’] 选中所有 type 属性为 button 的元素。
如果样式中包含冲突的规则,且它们具有相同的确定度。那么,后出现的规则优先级高。

如果你遇到规则冲突,你可以增加其中一条的确定度或将之移到后面以使它具有更高优先级

css 选择器关系

常见的基于关系的选择器

选择器选择的元素
A E任何是元素A的后代元素E (后代节点指A的子节点,子节点的子节点,以此类推)
A > E任何元素A的子元素
E:first-child任何元素的第一个子元素E
B + E任何元素B的下一个兄弟元素E
B ~ EB元素后面的拥有共同父元素的兄弟元素E

注:首次使用markdown编写


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值