속성 선택자
-HTML 요소에서 src,href,style,type,id,clss.. 등 속성을 선택자로 지정해서 스타일을 적용
CSS
[src] {border : 3px solid red;}
[src ='apple.png']{width: 200px; height: 200px}
HTMl
<img src ='apple.png' alt ="사과이미지">
<img src ='banana.png' alt ="바나나 이미지">
HTML 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>속성 선택자</title>
<style>
[href]{text-decoration: none; color: deeppink;}
.attr{background-color: gold;}
[class ='attr']{font-size: 30px;}
[title]{text-align: center; font-size: 50px;}
</style>
</head>
<body>
<h2 title="h2 요소의 tilte 속성" >속성 선택자</h2>
<p><a href="https://www.naver.com" target ="_blink">네이버</a></p>
<p class="attr">속성명과 속성값이 모두 일치하는 요소를 선택자로 지정</p>
</body>
</html>
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
| CSS_컬러 문법 (0) | 2023.03.30 |
|---|---|
| CSS_가상 선택자 (0) | 2023.03.30 |
| CSS_자식,자손,형제 선택자 (0) | 2023.03.28 |
| CSS_class 선택자 (0) | 2023.03.28 |
| CSS_id선택자 (0) | 2023.03.28 |
