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

标签 html css css-selectors

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

我想做的是制作第一个 <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;
}

提前谢谢你。

最佳答案

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

因此 tr:first-child td:first-child 将获取第一行的第一个单元格。

tr:first-child td:first-child{
    font-family:"Helvetica";
    font-size: 18px;
    color: aqua;
  }
 <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> 

关于HTML/CSS 表格选择器 First/Last/Not ECT,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36791639/

相关文章:

python - 蜘蛛没有抓取适量的元素

css - :focus:required:invalid:focus and :focus:required:invalid?有什么区别

html - 这两个类有什么区别

html - 表格列粘在顶部,Bootstrap

html - 以边距 : 0 auto; 水平居中元素的先决条件

html - 为什么 W3C 链接验证器给出 "400 URL must be absolute"?

css - 使用 apoc.load.html 时,是否可以返回完整的 HTML 而不仅仅是文本?

html - 带有CSS动画的元素方向控制

html - 背景 slider 在移动设备上失真。 (WordPress)

html - 将段落与 FontAwesome 图标对齐