jquery - 无法使用 jQuery 设置颜色

Question

我已经开始学习 jQuery 并且我是 trying设置 tr 的 color 但无法这样做。但是，我能够成功更新其他 css 属性，例如字体风格。根据我目前所学设置我们使用的 CSS 属性和值:

$(selector).css(property,value)

所以，请指出错误。

HTML:

<table class="csr">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>

<table class="aTable">
<tr><td>Row 11</td></tr>
<tr><td>Row 22</td></tr>
<tr><td>Row 33</td></tr>
</table>

CSS:

td {
    color: blue;
    font-weight: bold;
  }

table.aTable td{
    color: red;
    font-weight: bold;
  }

jQuery:

$( "tr:first" ).css( "font-style", "italic" );
$( "tr:first" ).css( "color", "red" );
$( "tr:first" ).css( "background-color","yellow" );

$( ".aTable tr:first" ).css( "font-style", "italic" );
$( ".aTable tr:first" ).css( "background-color","yellow" );

Answer 1

您正在将 css 属性应用于 TR，该属性后来被作为子元素的 TD 覆盖，因此出现在 TR 的顶部。

你也可以像这样组合你的CSS:

$('tr:first td').css({
           'font-style':'italic',
           'color':'red',
           'background-color':'yellow'}
);

$('.aTable tr:first td').css({
           'font-style':'italic',
           'background-color':'yellow'}
);

从技术上讲，第一个选择器也会捕获第二个表的第一行。