jq選擇器問題

Question

下面實例。js中 234為什麼沒有生效，

###

##

<樣式類型=“文字/ CSS”>

表，td {

邊框：1px實體#333;

}

表{

邊框折疊：折疊；

邊距：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結構中。