关于子选择器> 在面对嵌套式<span>```<span>``</span>```</span>时子元素的划分
贞子降临
2017-06-30 00:37
有一个问题：```被认定为一个结构 .那为什么第一个子元素不是我还是一个胆小如鼠?计算机又不会去理解这组词语通不通顺只是看标记的啊~这样第二个子元素就是胆小如鼠的小女孩。因为第一个已经被第一个所组合，所以第一个将不会被第二个所组合，也就是不会出现胆小如鼠这个所谓的孙子了。如果你说这题就是子孙嵌套关系， 如果我编程中想将 1我还是一个胆小如鼠 2胆小如鼠的小女孩来分成这样两个量然后进行分别的CSS那么这时用如何划分
1回答
-
- 彼岸花开灬忆流年
- 2017-06-30 04:46:47
<p class="first"> （父亲）
<span>我还是一个 （第一代
<span>胆小如鼠</span> （第一代的儿子）
的小女孩</span> ）
</p>
根据标签匹配的就近原则很明显类名为first第一代为第一个<span>我还是一个胆小如鼠的小女孩</span>第二代才是胆小如鼠，因为浏览器执行是从上到下从左到右，每当读取到一个结束标签就会匹配最近的一个开始标签，不是从开始标签去找最近的一个结束标签。上面主要石针对胆小如鼠加上span标签来设置单独的样式。如果你想要分成不同的样式就给 <span> 我还是一个</span> <span> 的小女孩</span>加上单独的span标签再给他们规则就可以了。就像下面这样
<p> （父亲）
<span> 我还是一个</span> （第一代）
<span>胆小如鼠</span>（第一代的兄弟）
<span>的小女孩</span>（第一代的兄弟）
</p>
你说的那种划分在同种标签内根本不成立。怎么可能让胆小如鼠即属于第一代的儿子，又属于同代的弟弟的儿子呢
只有下面这种方式。
<p> （父亲）
<span> 我还是一个 （第一代）
<span>胆小如鼠</span>（第一代的儿子）
</span>
<span>的小女孩</span>（第一代的兄弟）
</p>
初识HTML(5)+CSS(3)-升级版
1225316 学习 · 18230 问题
相似问题