css 伪类冒号前空格
2016-03-29 17:16
399 查看
前度写css时一定对伪类不陌生.一般的都知道:a:hover{
}
css中的空格表示强制指定层级关系。
而有时会出现 li a:hover{};li :hover{}
a:hover,类似input[type=text]。
比如
.b{color:green} /*页面所用样式都适用*/
#a .b{color:red} /*只用父级id="a"时才生效(优先级更高)*/
<span class="b">Green</span>
<div id="a">
<span class="b">Red</span>
</div>
}
css中的空格表示强制指定层级关系。
而有时会出现 li a:hover{};li :hover{}
a:hover,类似input[type=text]。
比如
.b{color:green} /*页面所用样式都适用*/
#a .b{color:red} /*只用父级id="a"时才生效(优先级更高)*/
<span class="b">Green</span>
<div id="a">
<span class="b">Red</span>
</div>
相关文章推荐
- CSS3魔法堂:CSS3滤镜及Canvas、SVG和IE滤镜替代方案详解[转]
- checkBox 自定义样式背景
- PHP实现可自定义样式的分页类
- Css - 文本溢出处理
- css3制作3d翻转效果
- css中单位px和em,rem的区别
- 当transition遇上display
- CSS:IE,Chrome,Firefox兼容性和CSS Hack(转载)
- 个人常用的css属性
- 11款最轻量级的CSS框架
- div+css常用属性参数
- 记一次CSS弹出动画的Bug
- css笔记
- css中的盒子模型
- CSS3弹性盒模型flexbox完整版教程
- 首页样式
- 首页样式
- 首页样式
- 【CSS3】Box-sizing属性
- JS 和 CSS 的位置对其他资源加载顺序的影响