                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

.first span{color:red;}

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

鲨鼻叔叔

2016-12-17

源自：初识HTML(5)+CSS(3)-升级版 8-7

关注问题我要回答

776

操作

收起

5 回答

自己学回答被采纳 +3 积分
2017-01-06

你这里用的是后代选择器，所有 .first span{color:red;}在first类中所有的后代，包括孙子也回被选择，所以“小”也会被染成红色。

如果你只想让“胆”被变成红色的话，那就用.first>span{color:red;}来试试，这个是子选择器，只会选中他的第一孩子元素。

0 回复有任何疑惑可以回复我~

这人不懒_学习刻苦
2017-05-24

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

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

1 回复有任何疑惑可以回复我~

逝水bs无情
2016-12-29

你写错了如果是想你说的小不变的话那个就要这样子写

<span>胆</span>小<span>如鼠</span> 你这样子小就不会显示了

0 回复有任何疑惑可以回复我~

慕粉085427913
2016-12-29

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

那么下面效果就是这样的

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

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


所以这样你理解得了？

1 回复有任何疑惑可以回复我~

慕粉085427913
2016-12-17

因为包括在<span>标签里面了啊

然后你上面的<span>标签写了样式

0 回复有任何疑惑可以回复我~

#1

鲨鼻叔叔提问者

不是第一代子元素吗- -

2016-12-18 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225793 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

3 回答为什么“胆小如鼠”时红色的？

5 回答胆小如鼠为什么是粉色？

2 回答胆小如鼠为什么是紫色

9 回答为什么胆小如鼠不是绿色？

6 回答请教“胆小如鼠”不变为绿色的原因？

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载