<!DOCTYPE html> <html> <head> <style> p:last-child //p的父类 的子类下最后一个,就是p兄弟层的最后一个; { background:#ff0000; } </style> </head> <body> <h1>这是标题</h1> <p>第一个段落。</p> <p>第二个段落。</p> <p>第三个段落。</p> <p>第四个段落。</p> <p>第五个段落。</p> </body> </html>
<!DOCTYPE html> <html> <head> <style> p:last-child //p的父类 的子类下最后一个,就是p兄弟层的最后一个; { background:#ff0000; } </style> </head> <body> <h1>这是标题</h1> <p>第一个段落。</p> <p>第二个段落。</p> <p>第三个段落。</p> <p>第四个段落。</p> <p>第五个段落。</p> </body> </html>
下一篇:json 拼二维json数组
本文讲了部分CSS选择器
一、子元素选择器1、语法说明2、代码分析3、代码示例二、交集选择器1、语法说明2、代码示例
一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例
类选择器 E.className{ CSS规则 以文档元素的class作为选择符 }node2:/va...
ID 选择器 #ID{ 以文档元素的唯一标识符ID作为选择符 CSS规...
标签选择器 E{ CSS规则 以文档元素作为选择父 } node2:/var/...
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M