次の例。js の 234 は効果がありません。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1-基本選択器</title>
< style type="text/css">
table, td {
border:1px Solid #333;
}
table {
border-collapse: 折りたたむ;
margin: 30px auto;
width: 80%;
text-align: center;
}
表のキャプション {
font-size: 1.5em;
margin-bottom: 15px;
}
.bg -オレンジ {
フォントの太さ: 太字;
色: 白;
背景色: オレンジ;
}
</style>
</head>
<body>
<table>
<caption>用户情報表< ;/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>
<script type="text/javascript">gt;
//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')
< ;/スクリプト>