Html CSS-无法使CSS类工作,但内联样式可以工作

Html CSS-无法使CSS类工作,但内联样式可以工作,html,css,Html,Css,我正在尝试将站点转换为使用CSS样式,而不是在表元素上使用诸如“width=100%”之类的标记值 所以,我创建了各种各样的类,其中大多数都可以按照我的要求工作,但我无法让其中一个正常工作,也不知道为什么 具体来说,我创建了一个类,如下所示: .w_100{width:100%;} 然后将其应用于表: <table class="w_100"> .... 。。。。 但表格的宽度仅显示为表格内内容的宽度,远小于100% 但是,我注意到,如果使用内联样式: <table st

我正在尝试将站点转换为使用CSS样式,而不是在表元素上使用诸如“width=100%”之类的标记值

所以,我创建了各种各样的类,其中大多数都可以按照我的要求工作,但我无法让其中一个正常工作,也不知道为什么

具体来说,我创建了一个类,如下所示:

.w_100{width:100%;}
然后将其应用于表:

<table class="w_100"> ....
。。。。
但表格的宽度仅显示为表格内内容的宽度,远小于100%

但是,我注意到,如果使用内联样式:

<table style="width:100%"> ....
。。。。
然后一切都按照我的预期进行,但我真的更愿意使用这个类

所以,我想知道,我一定是错过了什么,或者是误解了什么,以致全班都没有按照我的期望去做,这是多么愚蠢的事情。有什么建议可以让它工作吗


非常感谢。谢谢

这是对您的代码的测试,我将table元素
涂成黑色
,以便您可以看到
。请参见下面的代码完全按照预期运行

.w_100{
宽度:100%;
背景:黑色;
颜色:白色;
}

你有多宽?
我是100%的mofo!

我们需要查看完整的代码,我们需要检查特殊性、顺序等。是否使用materializecss/bootstrap或类似的工具关心您,或者您是否有任何其他规则可能会覆盖您的类?您可以在DevTools上看到css规则应用于每个元素。我们可以看到完整的代码吗?请制作一个代码笔或其他东西,以便我们可以使用它。此外,尝试使用!重要的是让我们看看HTML代码。A在这里会很有帮助。谢谢joshmoto;我将尝试更多地使用开发工具,看看什么可能会覆盖它。至于上面的其他评论,抱怨缺乏代码,那么如果你读了这个问题,你就会明白我只是想找出表/宽度/类是否有我不理解的地方,没有,当然,我不会发布一个项目中的几千行代码。