Yeonee's Story

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> Document h1{ background-color: pink; color:yellow; } h1{ color:red; } #id1{ background-color: pink; } .class1{ background-color: yellowgreen !important; color : white; } div{ background-color: teal !important; color: red; width: 200px; height: 200px; } 선택자 우선순위 기본적으로 css는 위에서부터 아래로 순차적으로 적용됨 동일한 요소를 다양한 선택자로 css가 부여된 경우 우선순위에 따라 적용됨 태그선택자 -> 클래스선택자 -> 아이..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 기타선택자 1. 속성 선택자 스타일을 부여하고자 하는 요소 내에 작성되어 있는 속성을 이용해서 선택하는 방법 선택자 뒤에 []를 이용해서 속성과 속성값을 제시해서 선택하는 방법 선택자[속성=속성값]{ css속성 : 값; } 선택자[속성~=속성값]{ css속성 : 값; } 선택자[속성|=속성값]{ css속성 : 값; } 선택자[속성^=속성값]{ css속성 : 값; } 선택자[속성$=속성값]{ css속성 : 값; } 선택자[속성*=속성값]{ css속성 : 값; } div.div-class[name=name$]{div$}*4 div1 div2 div3 div4 2. 자손선택자와 후손선택자 자손 : 바로 하위인 요소들 후손 : 하위 요소..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 요소 가져오기 HTML 요소에 접근하기(해당 요소객체 가져오기) 1) ID로 가져오기(접근하기) 아이디로 접근 function accessId(){ // 아이디로 요소에 접근할때 // document.getElementById("아이디명") const area1 = document.getElementById("area1"); console.log(area1); console.dir(area1); // 접근가능한 속성들에대해 살펴볼때 //선택된 요소에 속성들에 접근해서 값을 가져온다거나 변경 가능 // 속성에 접근하고자 한다면 => 선택된 요소.접근하고자하는 속성명 area1.innerHTML = "아이디로 접근성공함!!"; // ..