Question

我不知道为什么，但无论我做什么，tbody中注册的灰色边框都不会消失。我已经尝试过使用类（结合ID，所以这不是重要的问题），我尝试过使用伪类（:4th-child {border:none}），而且唯一有效的方法就是取消整个{{{来自border-right:1px solid gray的1}}，这不是一个很好的选择。以下是相关代码：

HTML

#signup td:

CSS

  <div id="signup">
    <form action="" method="GET" id="form">
      <fieldset>
        <table>
          <thead>
            <tr>
              <th><label for="signupname">Sign Up</label></th>
            </tr>   
          </thead>
          <tbody>
            <tr>
              <td><input id="signupname" placeholder="Your Name"></td>
              <td><input type="password" placeholder="Password"></td>
              <td><input type="email" placeholder="Email (optional)"></td>
              <td><input type="submit" value="Sign Up"></td>
            </tr>
          </tbody>
        </table>
      <fieldset>
    </form>
  </div>

谢谢！

Answer 1

您对nth-child的语法错误

#signup td:nth-child(4) {
  border: none;
}

或者更好的是使用最后一个孩子

#signup td:last-child {
  border: none;
}

或者，您可以在td中添加一个类：

<td class="submitrow"><input type="submit" value="Sign Up"></td>

...

#signup td.submitrow {
  border: none;
}

Answer 2

您需要关闭<fieldset>标记。试试这个：

  <div id="signup">
    <form action="" method="GET" id="form">
      <fieldset>
        <table>
          <thead>
            <tr>
              <th><label for="signupname">Sign Up</label></th>
            </tr>   
          </thead>
          <tbody>
            <tr>
              <td><input id="signupname" placeholder="Your Name"></td>
              <td><input type="password" placeholder="Password"></td>
              <td><input type="email" placeholder="Email (optional)"></td>
              <td><input type="submit" value="Sign Up"></td>
            </tr>
          </tbody>
        </table>
      </fieldset>
    </form>
  </div>

#signup{
  height:28%;
  min-height:90px;
  background-color:seashell;
  padding-top:1px;
  margin-top:-1px;
}
#signup label{
  font:200% Corbel;
  text-shadow:0px 1px 0px white;
  color:maroon;
  font-weight:bold;
}
#signup table{
  margin:2% auto;
}
#signup td{
  padding:5px 50px;
  border-right:1px solid gray;
}
#signup th{
  padding:0 50px;
}
#signup input{
  font:130% Trebuchet MS;
  padding:5px 5px;
}

为什么只应用了我的一些CSS？

2 个答案: