后代选择器与子选择器

最新推荐文章于 2023-05-13 16:17:13 发布

jlhaoran

最新推荐文章于 2023-05-13 16:17:13 发布

阅读量581

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/haoranli/article/details/72829975

版权

HTML 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

一:后代选择器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> style</title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
<style type="text/css">
p span,h1 span,.test ul li{color:red;}
</style>
 </head>
 <body>
<h1><span>花千骨</span>大结局</h1>
<div class="test">
<ul><li>OK</li></ul>
<ul><li>OK</li></ul>
<ul><li>OK</li></ul>
<ul><li>OK</li></ul>
</div>
<ul><li>OK</li></ul>

<p>人间帝王轩辕郎、无所不知所不能东方彧卿（其实他就是超脱六界之外的异朽君）、妖魔两界圣君杀阡陌那时都是爱花千骨的，都希望白子画能够善待花千骨。
</p>

<p>白子画的善待是八十一根消魂钉，普通仙一根消魂钉就死去活来。花千骨受了17根，又被白子画用断念剑看了近百剑，<span>花千骨心里那个痛苦不言而喻</span>。而后，花千骨扔到地牢。白子画替她承受了剩下的消魂钉。
<b><span>白子画</span></b>在霓漫天的告知下，白子画的师兄摩严得知花千骨居然悖逆天理爱上白子画，用绝情水泼到花千骨的喉咙里，脸上，于是花千骨又瞎又哑又毁容，被发配到了几乎不可能走出来的蛮荒之地。
</p>
<span>花千骨又瞎又哑又毁容</span>
 </body>

</html>

后代选择器
p空格span{color:red;}
含义：针对p标签中的span标签定义样式。
注意：选择器之间用空格隔开。

二：子选择器

子元素选择器
定义的方法
P>span {CSS规则}
只针会p标签中的span一级有效。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> style</title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
<style type="text/css">
p > span{color:red;}
.class > b{color: blue;font-size: 30px}
</style>
 </head>
 <body>
<p class="class"> <b>人间帝王轩辕郎</b>、无所不知所不能东方彧卿（其实他就是超脱六界之外的异朽君）、妖魔两界圣君杀阡陌那时都是爱花千骨的，都希望白子画能够善待花千骨。
</p>

<p>白子画的善待是八十一根消魂钉，普通仙一根消魂钉就死去活来。花千骨受了17根，又被<span>白子画用断念剑看了近百剑</span>，花千骨心里那个痛苦不言而喻。而后，花千骨扔到地牢。白子画替她承受了剩下的消魂钉。
<b><span>白子画</span></b>
在霓漫天的告知下，白子画的师兄摩严得知花千骨居然悖逆天理爱上白子画，用绝情水泼到花千骨的喉咙里，脸上，于是花千骨又瞎又哑又毁容，被发配到了几乎不可能走出来的蛮荒之地。
</p>

<span>花千骨又瞎又哑又毁容</span>
 </body>

</html>