请问为什么胆小如鼠中的小怎么也变色了

源自：8-7 这么快就当爷爷了? - 后代选择器

请问为什么胆小如鼠中的小怎么也变色了

.first span{color:red;}

<p class="first">三年级时，我还是一个<span>胆<span>小</span>如鼠</span>的小女孩，上课从来不<span>敢回答老</span>师提<span>aaaa</span>出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

提问者：鲨鼻叔叔 2016-12-17 14:26

个回答

自己学

2017-01-06 14:48:57

已采纳

你这里用的是后代选择器，所有 .first span{color:red;}在first类中所有的后代，包括孙子也回被选择，所以“小”也会被染成红色。
如果你只想让“胆”被变成红色的话，那就用.first>span{color:red;}来试试，这个是子选择器，只会选中他的第一孩子元素。

0

这人不懒_学习刻苦: 2017-05-24 11:31:20

<style>
.first > span{
    border:1px solid blue;
</style>

<body>
    <span>胆</span>小<span>如鼠</span>
</body>

逝水bs无情

2016-12-29 20:01:29

你写错了如果是想你说的小不变的话那个就要这样子写
<span>胆</span>小<span>如鼠</span> 你这样子小就不会显示了

0

慕粉085427913: 2016-12-29 15:00:21

如果这么写样式的话
li strong {
    font-style: italic;
    font-weight: normal;
  }

那么下面效果就是这样的

<p><strong>我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用</strong></p>

<ol>
<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
<li>我是正常的字体。</li>
</ol>


所以这样你理解得了？

慕粉085427913

2016-12-17 14:43:59

因为包括在<span>标签里面了啊
然后你上面的<span>标签写了样式
0