Css 基础
2016-04-09 00:15
302 查看
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 |
相关文章推荐
- CSS初学者到高手成长之路
- css3:背景属性background-origin/clip详解
- CSS3:background-size背景图片尺寸属性
- 详细讲解transform,一看就懂了!(转)
- 纯css3点击切换图片-纯css3点击切换图标
- css清除浮动
- CSS3 @keyframe动画的基本用法与常见错误用法
- 基础DOM和CSS操作
- css 复习-position定位
- css3 设计礼品盒
- sublime text 侧边栏样式修改
- CSS实现打字效果
- html+css报纸排版中的那些事
- CSS —— background 详解
- CSS —— margin和_margin 区别
- CSS —— 自定义浏览器滚动条的样式,打造属于你的滚动条风格
- CSS —— 实例
- Example013操作样式
- css3 渐变实例2径向渐变
- CSS3 box-sizing 属性