我正在编写一个页面，我必须显示一个可滚动的表格。请在下面的jssfiddle链接中找到它：
问题是我包含上面的html表和关联的css的实际页面，该页面本身有其他布局和不同的css文件。
我猜我上面的css文件表，td和body正在干扰该页面中使用的其他css 破坏显示，任何人都可以帮我改变上面的jssfiddle链接中的CSS 以便将所有内容放入唯一的类/ id并在html中正确使用。因此，无论剩余的页面布局如何，其他小部件和布局都不会与我的表格重叠。
我的表格在外观和滚动属性方面应该保持不变。 道歉，我不是HTML / CSS的专家
即使有人能解释我前4行的目的是什么
* { }然后
body { }，
table { }，
td { }，将会有很大的帮助。我认为那些应该放在适当的类下，然后在html中使用。请提供一些指导，我该怎么做。
由于
答案 0 :(得分：0)
*{}
适用于页面上的每个元素。你仍然想要那里有什么，但是你希望它只适用于滚动表中的每个元素，所以我把它改为：
#scrollTableContainer *{}
我将你身体的字体声明移到div#scrollTableContainer
然后我将table{}，td{}，td:first-child{}，td:first-child + td + td，td:first-child + td + td + td和td:first-child + td + td + td + td加上#scrollTableContainer作为前缀ID。
我没有为您决定的一件事是如何处理font-size中的html{}。我猜你仍然会想要那个。我的建议是决定字体大小并将其与div#scrollTableContainer