html 后代选择器

最新推荐文章于 2024-05-20 15:08:57 发布

、极客飞鹏の

最新推荐文章于 2024-05-20 15:08:57 发布

阅读量2.3k

点赞数

分类专栏： html 文章标签： ASP.NET MVC html css

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>后代选择器</title>
<style>

/*div p{
color:red;
}*/

/*#identity p{
color:red;
}*/
/*.para p{
color:yellow;
}*/
/*#identity #ii{
color:red;
}*/
/*.para .ccc{
color:skyblue;
}*/
div ul li p {
color:red;
}

</style>
</head>
<body>

<p>我是段落</p>
<div id="identity" class="para">
<p>我是段落</p>
<p>我是段落</p>
<ul>
<li>
<p id="ii" class="ccc">我是段落</p>
</li>
</ul>
</div>
<p>我是段落</p>

</body>
</html>