[CSS] CSS 선택자(selector)
CSS 적용은 아래 링크 참고. https://moongstory.blogspot.com/2021/06/css.html <style> // 모든 항목에 적용 됨. * { } // 모든 <p> 태그에 적용 됨. p { } // <태그 class="class_name"> 동일한 클래스를 가지는 모든 태그에 적용 됨. .class_name { } // <h3> 태그 중 <h3 class="class_name"> 인 태그에만 적용 됨. h3.class_name { } // <ul id="ID_name"> 처럼 id로 ID_name을 가지는 태그에 적용 됨. #ID_name { } // <section> 태그 하위의 모든 <p> 태그에 적용 됨. section p { } // id로 container를 가지는 태그 하위의 모든 <ul> 태그에 적용 됨. #container ul { } // <section> 태그 하위의 첫번째 <p> 태그(자식 태그)에 적용 됨. section > p { } // id로 container를 가지는 태그 하위의 첫번째 <ul> 태그(자식 태그)에 적용 됨. #container > ul { } // 동일 레벨에 위치하는 <h1> 태그 다음에 나오는 첫번째 <p> 태그에만 적용 됨. h1 + p { } // 동일 레벨에 위치하는 id로 container를 가지는 태그 다음에 나오는 첫번째 <ul> 태그에만 적용 됨. #container + ul { } // <h1> 태그 다음에 오는 모든 형제 <p> 태그에 적용 됨. h1~p { } // <a> 태그와 <p> 태그 모두에 적용 됨. ...