如何停止css属性font-size以从外部样式表通用选择器获取覆盖

Question

我有下面提到的内容和span的通用选择器有“font-size = 15”

<span id= "outer" style="font-size:72px;">
  <span id="Inner">text</span>  
<span>       

有什么方法可以阻止通用选择器覆盖我的内部跨度，使用font-size = 15 这里带有id外部的跨度是动态的，并且可以具有font-size的任何值，所以我需要一些东西将整个输出包装在某个容器中并阻止任何其他css使它覆盖字体大小

Answer 1

你可以这样写：

#outer #Inner{
 font-size:15px;
}

OR

如果无效，您可以使用!important。

span{
     font-size:15px !important;
    }

Answer 2

如果#Inner跨度的字体大小与它所包含的#outer的字体大小相同，则需要添加

#Inner {font-size:1em}

到样式表。
请参阅jsFiddle。

Answer 3

嘿，你可以像你一样使用它

#outer span#Inner{
font-size:15px;
}

Answer 4

代码根本没有设置内部span的字体大小，因此不存在覆盖问题。首先，在其上设置font-size。