nth-of-type选择器
2016-05-24 22:51
183 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
p{
background: blue;
width: 50px;
height: 50px;
}
h4{width: 50px;height: 50px;background: yellow;}
.box p:nth-child(3){
background: red;
}
/* .box p:nth-of-type(3){
background: pink;
} */
</style>
</head>
<body>
<div class="box">
<p></p>
<p></p>
<h4></h4>
<div></div>
<p></p>
<p></p>
<p></p>
</div>
<h3>分割线</h3>
<div class="box">
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 扑克牌大小
- STM32F1_常见外设资源汇总
- 51nod 1624 取余最长路
- 算法导论-二进制数组相加
- java int与integer的区别
- 前端面试题
- C++上机作业6
- mysql 优化常用语句
- nth-child选择器
- C#下使用protobuf(Google Protocol Buffers)
- Android笔记：OptionsMenu
- CSS3伪类选择器
- 人一切的痛苦，本质上都是对自己的无能的愤怒。──王小波
- 第九周项目二-我的数组类
- js图片自动循环播放
- c++课后作业
- 团队第二次冲刺（1-10天）
- 自定义控件三部曲之绘图篇（六）——Path之贝赛尔曲线和手势轨迹、水波纹效果
- windows下tree命令列出文件目录树
- SQL Server代理警报