Question

是否可以组合选择器标签？

我要做的是在第一个<td>样式中使第一个<tr>以某种方式尝试并尝试合并这些。如果可能的话，我尝试的方法只是寻找分数是错误的。

试过这个：

tr:(:first-child:) td: 
{
    font-family:"Helvetica";
    font-size: 18px;
    color: aqua;
}

tr:(:first-child: td:) 
{
    font-family:"Helvetica";
    font-size: 18px;
    color: aqua;
}

提前谢谢。

Answer 1

tr:first-child将获得第一行td:first-child将获得第一个单元格。

所以tr:first-child td:first-child将获得第一行的第一个单元格。

＆＃13;

tr:first-child td:first-child{
    font-family:"Helvetica";
    font-size: 18px;
    color: aqua;
  }

＆＃13;

 <table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

＆＃13;

Answer 2

非常简单直接。如下所示应用它。

<强> CSS

table tr:first-child td:first-child {
   background:green;
   color:#fff;
}

<强> HTML

<table>
  <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
  </tr>
  <tr>
     <td>4</td>
     <td>5</td>
     <td>6</td>
  </tr>
  <tr>
     <td>7</td>
     <td>8</td>
     <td>9</td>
   </tr>
</table>

DEMO

HTML / CSS表格选择器First / Last / Not ECT

2 个答案: