CSS字体大小赢得'；t在使用通用选择器时也不适用

我面临css的问题。我在css中使用

*

选择器（我也在css中使用引导和jQuery数据表库）。在我的个人CSS（最后指出是最重要的）中，我有：

*

选择器对我来说工作得很好，因为它有助于减少导航栏引导的大小，并使所有这些元素与页面上的所有其他样式保持一致

如果我为某个元素指定一种样式来更改字体大小，那么它在某些元素（如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-->

.tablaJquery{font size:10px！重要；}
你好

即使我在表格的html中插入样式，它也不起作用。如果我通过

body{font-size:14px；}

更改

*{font-size:14px；}

来更改

*{font-size:14px；}

，tablaJquery样式可以正常工作，但navbar大小不应用14px字体大小，并获得不同（更大）的元素

我试图使用

body{font-size:14px}

并分别更改导航栏的大小，但效果不是很好

知道为什么表没有指定的样式吗

---

非常感谢

发生这种情况是因为您告诉DOM通过

通用选择器

将所有元素的字体大小设置为14px

如果查看调试控制台，您将看到

.tablaJquery

规则已应用，但仅适用于分配给它的元素：

10px字体大小值不应用于子项，因为通用选择器已经对其应用了规则；因此，字体大小的默认值，

inherit

（从其祖先继承）是不需要的，也会被忽略

换句话说，通用选择器的作用如下：

* > * > * etc etc

这也可以通过您的

div

示例来演示：

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

单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
伯格伦兹斯纳布克普
克里斯蒂娜·伯格伦
瑞典
莫特祖马商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
岛屿贸易
海伦·贝内特
英国
科尼格利希·埃森
菲利普·克莱默
德国

之所以发生这种情况，是因为您告诉DOM通过

通用选择器将所有元素的字体大小设置为14px

如果查看调试控制台，您将看到
.tablaJquery
规则已应用，但仅适用于分配给它的元素：


10px字体大小值不应用于子项，因为通用选择器已经对其应用了规则；因此，字体大小的默认值，
inherit
（从其祖先继承）是不需要的，也会被忽略

换句话说，通用选择器的作用如下：

* > * > * etc etc

这也可以通过您的
div
示例来演示：

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


单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
伯格伦兹斯纳布克普
克里斯蒂娜·伯格伦
瑞典
莫特祖马商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
岛屿贸易
海伦·贝内特
英国
科尼格利希·埃森
菲利普·克莱默
德国
尝试直接将字体大小设置为td或th元素，如.tablaJquery td或.tablaJquery th尝试传递整个代码尝试直接将字体大小设置为td或th元素，如.tablaJquery td或.tablaJquery th尝试传递整个代码