问答详情
源自:8-10 给选择器分个组 - 分组选择器

为什么h1,span{color:red;}和.first,#second>span{color:green;}都是内嵌CSS样式,前者将”胆小如鼠“定义成红色没有被后者语句定义成绿色覆盖?

如题所示,都是嵌入式不是英爱根据先后来看么

提问者:MrWang_ 2015-05-15 21:03

个回答

  • Perona
    2015-05-18 12:17:48

    #second>span{color:green;}

    选择的是secondID下的第一代span元素。

    html结构如下:

     <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span>简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

    而“胆小如鼠”虽然被<span>包围,但是其父元素并非secondID啊,并不匹配#second>span{},所以它执行的是

    span{color:red;}