在表中输入标记，css类根本不起作用

我正在创建一个复杂表单，玩家将使用该表单通过数据库保存自己的个人角色表。 为此，我使用了大量的输入标记，对于布局，我使用表格帮助我以正交的方式轻松设置

对于输入，我使用类修改其高度、宽度和文本对齐

HTML

<div id="a_ability" class="advanced">
  <h3>Advanced</h3>
    <table id="tab02" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="col">Ability</th>
        <th scope="col">Temp Value</th>
        <th id="tab02" scope="col">Bonus</th>
        <th scope="col">Magic Obj</th>
      </tr>
      <tr>
        <td>Strenght</td>
        <td><input type="text" name="temp_str" class="50x50"></td>
        <td><input type="text" name="bonus_str" class="50x50"></td>
        <td><input type="text" name="mag_str" class="50x200"></td>
       </tr>
       <tr>
         <td>Dexterity</td>
         <td><input type="text" name="temp_dex" class="50x50"></td>
         <td><input type="text" name="bonus_dex" class="50x50"></td>
         <td><input type="text" name="mag_dex" class="50x200"></td>
        </tr>
   </table>
 </div>

其结果类似于类在标记上根本不应用。维度是默认维度，只有当我为每个输入应用一个ID（工作将非常长）时，我才能应用，或者如果我应用，有时！重要属性（但仅适用于某些css规则）

我正在使用Dreamweaver（如果您知道该程序），当我在“设计视图”上没有启用“活动”选项时，一切看起来都很好，但当我将设计视图放在输入上时，输入格式是错误的

我查过：

• 我没有任何css冲突（例如，一条规则覆盖了另一条规则）
• 我已经检查了Chrome内部的“检查”（例如），输入值为183px，显然不知从何而来

是否可能是浏览器的某个用户代理样式表？ 因为当我在Chrome中打开检查元件时，有一行：

width: 84px;
   .advanced table tr td - 50px

它从css中得到50px，但是它从哪里得到84px呢？？这个值根本没有规则

我怎样才能解决这个问题

我添加了更多信息

这里是JSFiddle链接，您可以看到，它不适合输入的样式。

---

我做错了什么？

不要创建以数字开头的

class

或

id

看到你摆弄一个额外的

i

（这封信不重要）

编辑：
我只是看到了@Trey在他的评论（）中给你的链接，在那里你可以找到一些解释&带有原因的链接，甚至更好的是带有官方参考的链接

示例：

---

祝你的项目好运。

不要创建以数字开头的

类

或

id

看到你摆弄一个额外的

i

（这封信不重要）

编辑：
我只是看到了@Trey在他的评论（）中给你的链接，在那里你可以找到一些解释&带有原因的链接，甚至更好的是带有官方参考的链接

示例：

---

祝您的项目好运。

JSFiddle您的代码。此外，Dreamweaver的设计视图也不可靠。如果我对代码进行JSFild，请尝试更改您的类名，同样的情况也会发生。css不会修改表内的输入。但是如果我对它们应用了一个ID，它会的。。我不知道我做错了什么..JSFiddle你的代码。此外，Dreamweaver的设计视图也不可靠。如果我对代码进行JSFild，请尝试更改您的类名，同样的情况也会发生。css不会修改表内的输入。但是如果我对它们应用了一个ID，它会的。。我不知道我做错了什么哦。。非常感谢你！当我改变了所有的课程，整个项目。。只是自己“修好”了。。非常感谢你！我不知道这么小这么笨的东西竟然能让我这么头痛！哦非常感谢你！当我改变了所有的课程，整个项目。。只是自己“修好”了。。非常感谢你！我不知道这么小这么笨的东西竟然能让我这么头痛！

width: 84px;
   .advanced table tr td - 50px