css之父子选择器
2016-02-19 17:08
447 查看
<span id="id1"> 这是一则 <span> 非常 <span> 重 <a href="http://www.baidu.com" target="_blank">连接到百度</a> </span> 要 </span>的新闻
css代码:
/*父子选择器*/ #id1 { font-size:xx-large; background-color:gray; } #id1 span { color:red; font-style:italic; } #id1 span span { color:green; } #id1 span span span { color:deeppink; }
结果:
总结:
相关文章推荐
- div+css样式
- css之通配符选择器
- CSS的定位(绝对定位 相对定位 固定定位
- css中px和em,rem的区别
- css3实现各种角度的三角形
- css 实现未知图片垂直居中
- Git -- 自定义git样式
- css基础
- css的伪元素
- css hack 总结
- (转)颜色渐变CSS
- css-控制元素中的字符超过规定的宽度影藏
- CSS中link和@import的区别
- css 3d旋转
- 9 款你必须知道的 Material Design 调色板
- HTML/CSS行内元素、块元素、空(void)元素、盒模型
- Css的优先级机制
- CSS之使用clearfix清除浮动
- CSS3中animation属性的使用
- 铁路样式sld