鲨鼻叔叔
2016-12-17 14:26
.first span{color:red;}
<p class="first">三年级时,我还是一个<span>胆<span>小</span>如鼠</span>的小女孩,上课从来不<span>敢回答老</span>师提<span>aaaa</span>出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
你这里用的是后代选择器,所有 .first span{color:red;}在first类中所有的后代,包括孙子也回被选择,所以“小”也会被染成红色。
如果你只想让“胆”被变成红色的话,那就用.first>span{color:red;}来试试,这个是子选择器,只会选中他的第一孩子元素。
<style>
.first > span{
border:1px solid blue;
</style>
<body>
<span>胆</span>小<span>如鼠</span>
</body>
你写错了 如果是想你说的小不变的话 那个就要这样子写
<span>胆</span>小<span>如鼠</span> 你这样子小就不会显示了
如果这么写样式的话
li strong {
font-style: italic;
font-weight: normal;
}
那么下面效果就是这样的
<p><strong>我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用</strong></p>
<ol>
<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
<li>我是正常的字体。</li>
</ol>
所以这样你理解得了?
因为包括在<span>标签里面了啊
然后你上面的<span>标签写了样式
初识HTML(5)+CSS(3)
1230620 学习 · 19084 问题
相似问题