您的位置：首页 > Web前端 > CSS

CSS 后代选择器，结合<div><span>标签

2017-10-28 20:57 417 查看

<!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;}  /* 后代选择器，针对<p>标签中的<span>标签，<h1>标签中的<span>标签，类名class="test"的标签中的<ul>标签中的<li>标签 */
/* 空格后面跟后代标签。孩子，子孙都属于后代。 */
</style>
</head>
<body>
<h1><span>花千骨</span>大结局</h1>  <!-- <div>表示块元素，<span>表示行内元素。配合id和class用来标记某些部分或元素标签 -->
<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css

相关文章推荐

新的分享

章节导航