CSS3包含选择器与类选择器
2015-08-09 22:04
531 查看
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.parent {
border: 1px solid red;
height: 60px;
margin: 5px;
}
.son {
border: 1px solid red;
height: 20px;
}
/*注意.之前没有空格*/
div.abc {
background-color: green;
}
/*注意.之前有空格*/
div .abc {
background-color: yellow;
}
</style>
</head>
<body>
<div class="parent">
<div class="abc son"></div>
<div class="son"></div>
</div>
<div class="abc parent"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS3结构性伪类
- css3属性选择器
- css3兄弟选择器
- css3状态选择性伪类
- css3子选择器
- HTML&CSS-------【四】
- css transition属性详解
- 使用纯的CSS绘制简易的图形
- CSS学习笔记---（四）
- css+div上下左右自适应居中
- 第二天（CSS 选择器）
- CSS书写规范及顺序
- Emmet:HTML/CSS代码快速编写技巧
- Stream的Dropzonejs样式演示
- HTML学习笔记（4）——CSS块级元素与盒模型
- 选择tableView的某一行时，马上取消当前选中行（选中样式不保留）
- 新版CSS手册
- JS+css3实现图片画廊效果总结
- js与CSS的调用
- CSS的使用