속성 선택자
특정 속성을 가진 html 태그를 선택
선택자 뒤에 대괄호([])를 사용하여 속성과 값을 입력
형태 : 선택자[속성=값] : 속성 안의 값이 특정값과 조건에 만족하는 문서 객체를 선택
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>속성 선택자</title>
<style>
input[type=text] {
/* input 태그 중에서 type 속성값을 text로 가지는 태그의 배경 색상을 지정 */
background-color: red;
}
input[type=password] {
/* input 태그 중에서 type 속성값을 password로 가지는 태그의 배경 삭상을 지정 */
background-color: blue;
}
</style>
</head>
<body>
<form>
<input type="text" />
<input type="password" />
</form>
</body>
</html>
