[CSS字体大小在使用通用选择器时也将不适用

Question

我面临CSS的问题。我在CSS中使用*选择器（我也在CSS中使用Bootstrap和jQuery DataTable库）。在我的个人CSS中（最后表明是最重要的），我有：

* { font-size:14px; }
.tablaJquery { font-size:10px; } /*doesn't apply in tables*/

*选择器对我来说很好用，因为它有助于减小导航栏的Bootstrap大小，并使所有此元素与页面上的所有其他样式保持一致。

如果我指示某些元素的样式来更改字体大小，则它可以在某些元素（如span或div中工作，但在表的父div中的表中均不工作。

.tablaJquery { font-size: 10px !important; }

<table id="tablaResumen" class="table tablaJquery" style="width:100%;"> <!--still have 14px font-size-->

<div class="tablaJquery">Hello</div> <!--get 10px font-size-->

即使我在表格的html中插入样式，也无法使用。如果我将*{font-size:14px;}更改为body{font-size:14px;}，则tablaJquery样式可以正常工作，但导航栏大小不会应用14px字体大小，并且会尊重其他元素（更大）。

我尝试使用body{font-size:14px}并分别更改导航栏的大小，但是效果不佳。

任何知道为什么表格没有获得指定样式的问题？

非常感谢

Answer 1

之所以发生这种情况，是因为您通过universal selector告诉DOM设置ALL