编辑这个页面须要登录或更高权限!

CSS 嵌套选择器

完整CSS选择器参考手册

在线示例

选择<div>元素内的所有<p>元素:

<!DOCTYPE html>
<html>
<title>菜鸟教程(cainiaojc.com)</title>
<head>
<style>
div p
{
background-color:red;
color:white;
}
</style>
</head>
<body>
<h1>欢迎来到菜鸟教程(www.cainiaojc.com)</h1>
<div>
<p>我们的网址是:www.cainiaojc.com.</p>
<p>我们的网站名称是:菜鸟教程.</p>
<span>演示嵌套选择器</span>
</div>
<p>我们为您提供各种菜鸟教程学,学好基础,你才能走的更远!</p>
</body>
</html>
测试看看 ‹/›

定义和用法

element element嵌套选择器用于选择元素内部的元素。

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持element,element选择器。

完整CSS选择器参考手册

CSS 参考手册
CSS @规则(RULES)
CSS 属性大全