jq选择器问题

Question

下面实例。js中 234为什么没有生效，

##

<样式类型=“文本/ CSS”>

table，td {

border：1pxsolid #333;

}

table {

边框折叠：折叠；

边距：30px自动；

宽度：80％；

文本对齐：中心；

}

表格标题{

字体大小：1.5em;

边距底部：15px;

}

.bg -orange {

字体粗细：粗体；

颜色：白色；

背景颜色：橙色；

}

用户信息表< ;/caption>

<tr id="title">

<td>01</td>

<td>02</td>

</tr>

<tr>

<td>01< ;/td>

<td>02</td>

#</tr>

<tr>

<td>01</td>

<td>02</td>

</tr>

<tr>

<td>01</td>

<td>02</td>

<td>03</td>

</tr>

<tr>

<td>01</td>

<td>02</td>

<td>03</td>

</tr>

<脚本类型=“text/javascript” src=“jquery-3.3.1.js”>

<脚本类型=“text/javascript”>

//1。 tag标签选择器

$('td').css('backgroundColor','wheat')

##//2.id选择器

//把td上的背景去掉，否则会覆盖

$('#title').css('backgroundColor','lightgreen')

//3.class类选择器

$('.mark').addClass('bg-orange')

//4.*通配选择符

$('tr:nth-child(3) ~ *').css('backgroundColor', 'pink')

< ;/脚本>

Answer 1

一、js中，1中标签选择器的优先级更高。注释掉后就可以了   二、2中mark类未添加到DOM结构中。