728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>선택자 : 특성(속성)</title>
<meta charset="UTF-8">
<style>
a {
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
a[disabled] {
color: gray;
cursor: default;
}
a[disabled]{
text-decoration: none;
}
/* 우선순위
0. 겹치는 속성에 대해서만 적용이 된다.
1. 선택자가 보다 상세하게 명시된 선택자가 우선순위를 가진다.
2. 선택자의 상세한 정도가 같다면 보다 아래 쪽에 명시된 선택자가 우선순위를 가진다.
*/
/*
['속성 이름'] {
...
}
'속성 이름'에 해당하는 속성이 있는 선택자
*/
/*
['속성 이름'='속성 값']{
...
}
'속성 이름'에 해당하는 속성 값이 '속성 값'인 선택자
*/
</style>
</head>
<body>
<a>Hello</a>
<a disabled>Hello</a>
<a>Hello</a>
<input type="test" disabled>
</body>
</html>
728x90
반응형