文章标题
2016-03-03 20:00
281 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .post>p:nth-child(2){ /*从我是标题开始的第二个,也就是第一个p*/ color: red; } /*.post>p:nth-of-type(2){*/ /*/!*从p开始的第二个*!/*/ /*color: red;*/ /*}*/ </style> </head> <body> <div class="post"> <h1>我是标题一</h1> <p>我是文章中的第一个段落</p> <p>我是文章中的第二个段落</p> </div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> /*.post>p:nth-child(2){*/ /*/!*从我是标题开始的第二个,也就是第一个p*!/*/ /*color: red;*/ /*}*/ .post>p:nth-of-type(2){ /*从p开始的第二个*/ color: red; } </style> </head> <body> <div class="post"> <h1>我是标题一</h1> <p>我是文章中的第一个段落</p> <p>我是文章中的第二个段落</p> </div> </body> </html>
:nth-child,父元素的第二个子元素
:nth-of-type,选择父元素的段落二
相关文章推荐
- ALGO-118 连续正整数的和 枚举 VIP试题
- struts实现文件上传和下载
- Java上传文件夹(Jersey)
- 创业笔记-Node.js入门之JavaScript与Node.js
- Input Device Configuration
- 各种分享的接口
- 《leetCode》:Binary Tree Preorder Traversal
- HBase总结(1)-- 数据插入与Put对象
- 回车与换行的区别
- Codeforences #309 B (div2)
- linux shell 编程笔记 - 后台执行命令crontab
- HDU 2570 迷瘴(贪心)
- Precision & Recall
- 连续序列分成m段,最大值最小化,二分经典
- C++: cin.get()与cin.getline()
- 排列组合专题
- 计算上边文字的值
- 没有清除浮动 图层被隐藏
- 验证个人信息的正则表达式
- gomoblie flappy 源码分析:游戏逻辑