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 ~ E | B元素后面的拥有共同父元素的兄弟元素E |
注:首次使用markdown编写