菜单导航/URHere/面包屑,通过CSS中的content简洁表达代码
2016-03-08 13:49
666 查看
比如我们要写一个菜单导航/URHere/面包屑,如:
首页 > 个人中心 > 修改密码
代码:
现在,通过CSS中的content,可以如下写法:
首页 > 个人中心 > 修改密码
代码:
<ul> <li><a href="javascript:void(0);">首页</a></li> <li><span>></span></li> <li><a href="javascript:void(0);">个人中心</a></li> <li><span>></span></li> <li><a href="javascript:void(0);">修改密码</a></li> </ul>
现在,通过CSS中的content,可以如下写法:
<style> ul>li+li:before {content:">"; color:gray; padding: 0 5px;} </style> <ul> <li><a href="javascript:void(0);">首页</a></li> <li><a href="javascript:void(0);">个人中心</a></li> <li><a href="javascript:void(0);">修改密码</a></li> </ul>
相关文章推荐
- css单位
- CSS常用的属性命名
- 前端试题-CSS试题(1)
- CSS笔记2-样式选择器
- Css 学习笔记--样式引入方式及按权重判断优先级
- CSS3 animation 属性 CSS3 @keyframes 规则
- css中em,rem的解析成px的原理及混用场景
- 解决子元素用css float浮动后父级元素高度自适应高度
- CSS渲染速度改善的十个方法与建议
- 单选 多选按钮的选择
- CSS实现垂直居中
- 纯css实现close - ×
- CSS样式优先权
- 纯CSS修改浏览器的默认滚动条样式
- CSS 属性 - 伪类和伪元素
- 我的css释疑-float line-height inline-block vertical-align
- CSS样式
- CSS选择器
- (28)odoo中css可用颜色对照表
- CSS-----选择器分类、层叠、特殊性与继承