Html 使用div删除内联CSS_Html_Css

Html 使用div删除内联CSS

html css

Html 使用div删除内联CSS,html,css,Html,Css,我有一个包含提交按钮的表： <table style="border: 0; width: 15%"> <tr style="background-color: transparent"> <td style="border: 0"> <form action="displayevalform" method="post"> <input type="submit

我有一个包含提交按钮的表：

<table style="border: 0; width: 15%">
    <tr style="background-color: transparent">
        <td style="border: 0">
            <form action="displayevalform" method="post">
                <input type="submit" value="Go Back">
            </form>
        </td>                       
        <td style="border: 0">
            <form action="evaluate" method="post">
                <input type="submit" value="Done">
            </form>
        </td>
    </tr>
</table>

这是可行的，但为了坚持良好的实践，我决定删除内联CSS并将

放在

中：


.tblreset表格{
边界：0；
宽度：15%；
}
.tblreset tr{
背景色：透明；
}
.tblreset td{
边界：0；
}

这已经不起作用了。我的CSS语法有问题吗？

我更改了一些CSS属性，这似乎比更改更好：

<html>
  <head>
    <style>
      .tblreset table {
        border: 2px solid yellow;
        width: 25%;
      }

      .tblreset tr {
        background-color: green;
      }

     .tblreset td {
        border: 1px solid blue;
      }
    </style>
  </head>

  <body>
    <div class="tblreset">
      <table>
        <tr>
          <td>
            <form action="displayevalform" method="post">
              <input type="submit" value="Go Back">
            </form>
          </td>                       
          <td>
            <form action="evaluate" method="post">
              <input type="submit" value="Done">
            </form>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>


.tblreset表格{
边框：2倍纯黄色；
宽度：25%；
}
.tblreset tr{
背景颜色：绿色；
}
.tblreset td{
边框：1px纯蓝色；
}

我找到了。

layout.css

来自模板，包含

表

、

tr

、

th

、

td

的样式。我想它一定与我的

tblreset

样式冲突，所以我把它们放在一个单独的

表中。css

现在就可以工作了。

你是在

部分添加

吗？它在

布局.css

文件中，在

中引用。检查引用是否正确，

是否正确，因为应用了所有其他样式。只是不是

.tblreset

样式。

<html>
  <head>
    <style>
      .tblreset table {
        border: 2px solid yellow;
        width: 25%;
      }

      .tblreset tr {
        background-color: green;
      }

     .tblreset td {
        border: 1px solid blue;
      }
    </style>
  </head>

  <body>
    <div class="tblreset">
      <table>
        <tr>
          <td>
            <form action="displayevalform" method="post">
              <input type="submit" value="Go Back">
            </form>
          </td>                       
          <td>
            <form action="evaluate" method="post">
              <input type="submit" value="Done">
            </form>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>