问答详情
源自:9-4 为所欲为 - 选择器最高层级!important

为什么p.first中间加空格后<span class="first">简单</span>会变绿色

为什么p.first中间加空格后<span class="first">简单</span>会变绿色



提问者:p小人物q 2018-06-02 12:42

个回答

  • 慕村7315608
    2019-02-20 11:26:59

    p.first中间加空格后(p .first)相当于定位的是p标签中的带first元素的字体(即是第二段的“简单”两字)

    所以会变为绿色

  • 童慕安
    2018-09-05 17:54:22

    我的理解是 “! importment”是对于同一元素来说的,在p.first中间加入空格后相当于两句p{}和.first{},对于第一段的“.first”,由于重要性的权值最高,所以颜色还是红色。在第二段中,.first是<span>的名称,和p无关,所以执行颜色变成绿色。

  • 慕粉4168184
    2018-06-02 13:18:26

    因为是span标签是标签的子元素,改变的颜色就是p标签的子元素span包括的那个字体