Question

我有一个完美的CSS：

xhttp.open("GET", "http://www.theorembox.esy.es/search.php?q="+q); //q is the requested search string
xhttp.send();

没问题。但要创建一个带边框的表格，我将不得不这样做：

.border
{
    border: 1px solid black;
    font-size: 12px;
    padding: 2px;
    vertical-align: top;
    text-align: left;
}

.clean
{
    border: none;
    font-size: 14px;
}

我觉得这很残忍乏味。还没有办法：

<table class="border">
<tr>
<td class="border"></td>
<td class="border"></td>
</tr>

与上述结果相同？我想要一个像＃excel一样的＆＃34;方格，不仅是桌子周围的边框（第二个例子）。

请帮助。

Answer 1

是的，有：

.border {  /* matches all element with that class */
  border-collapse: collapse; /* excel like (collapse cells border together) */
  border:1px solid black;
  font-size: 12px;
  padding: 2px;
  vertical-align: top;
  text-align: left;
}
.border td { /* matches all td which have "border" in a parent class element */
  border:1px solid black;
  font-size: 12px;
  padding: 2px;
  vertical-align: top;
  text-align: left;
}

`

Answer 2

您不需要在所有tds中应用该类。就这样使用：

table.border,table.border td{//Applying border in table html
   border: 1px solid black;
}

对表中的所有元素强制执行CSS类

2 个答案: