아래 예시입니다. 234가 js에 적용되지 않는 이유는
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
< title> 1-기본 선택기</title>
<style type="text/css">
table, td {
border:1px solid #333;
}
table {
border- 축소: 축소;
여백: 30px 자동;
너비: 80%;
text-align: center;
}
테이블 캡션 {
글꼴 크기: 1.5em;
margin-bottom: 15px ;
}
.bg-orange {
글꼴-가중치: 굵게;
색상: 흰색;
배경색: 주황색;
}
</style>
</head>
td>d>02</td> ;
</tr>
<tr>
<td>01</td>
<td >02< ;/td>
</tr>
<tr><td>01</td>
<td>02</td>
<td> ;03
2. 대부분의 CSS 선택기는 jquery
3에서 직접 사용할 수 있습니다. 또는 항목 선택기, 단순 선택기, 이 기능은 jquery에 후속 필터가 작동할 수 있도록
첫 번째 수준 요소를 제공합니다. 태그, ID, 클래스, *
$('td') .css('BackgroundColor','wheat')
//2.id selector
//td에서 배경을 제거하세요. 그렇지 않으면 오버레이되어 가려집니다
$('#title').css( 'BackgroundColor','lightgreen')
//3.class 클래스 선택기
$('.mark').addClass('bg-orange')
//4.*pass 선택기 포함 $('tr:nth-child(3) ~ *').css('BackgroundColor', 'pink')
</script>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
1. js에서는 1의 태그 선택기가 더 높은 우선순위를 갖습니다. 2. 2의 마크 클래스는 DOM 구조에 추가되지 않습니다.