下面实例。js中 234为什么没有生效,
table, td {
border:1px solid #333;
}
table {
border-collapse: collapse;
margin: 30px auto;
width: 80%;
text-align: center;
}
table caption {
font-size: 1.5em;
margin-bottom: 15px;
}
.bg-orange {
font-weight: bolder;
color: white;
background-color: orange;
}
| 01 | 02 | |
| 01 | 02 | |
| 01 | 02 | |
| 01 | 02 | 03 |
| 01 | 02 | 03 |
//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')
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
一、js中,1中标签选择器的优先级更高。注释掉后就可以了 二、2中mark类未添加到DOM结构中。