ul>:first-child到底是什么意思，我也不懂（这是一个提问题的文章）
2016-05-09 18:53
585 查看
<!DOCTYPE html>
<html>
<head>
<style>
ul>:first-child
{
background:yellow;
}
</style>
</head>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
<ul>
<div>流奶
<li>this</li>
</div>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ol>
<p><b>注释：</b>对于 IE8 及更早版本的浏览器中的 :first-child，必须声明 <!DOCTYPE>。</p>
</body>
</html>
<html>
<head>
<style>
ul>:first-child
{
background:yellow;
}
</style>
</head>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
<ul>
<div>流奶
<li>this</li>
</div>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ol>
<p><b>注释：</b>对于 IE8 及更早版本的浏览器中的 :first-child，必须声明 <!DOCTYPE>。</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- C++ Primer 学习笔记_75_模板与泛型编程 -模板定义
- C++ Primer 学习笔记_74_面向对象编程 -再谈文本查询示范[续/习题]
- android短信demo
- Java NIO使用及原理之--缓冲器buffer（2）
- python中构造带u'的字符串
- 通过反射去获取有参构造方法并使用
- 通过反射获取无参构造方法并使用
- NLTK笔记1
- XPATH
- jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()、DomContentLoaded()区别
- C语言中的指针数组和数组指针
- Ruby学习： 全局变量 和常量
- [bzoj1086]王室联邦
- C++ Primer 学习笔记_73_面向对象编程 -再谈文本查询示范
- DELPHI美化界面
- 反射概念：获取class文件对象的三种方式
- 团体程序设计天梯赛-练习集 L2-1. 紧急救援 Dijstra单源最短路径拓展应用
- 《精益创业》读后思考 2
- boost编译随笔
- C++ Primer 学习笔记_72_面向对象编程 -句柄类与继承[续]