-
(27)CSS_형제 선택자HTML, CSS 2023. 3. 29. 17:52728x90
- CSS 형제 선택자
- 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다.
- https://jm-rograming.tistory.com/54
(15)CSS_기본 문법
CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a
jm-rograming.tistory.com
<!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>p + span{color: gold;background-color: deepskyblue;font-size: 20px;}h3 + p {background: deeppink;}h3 ~ p {color: red;}</style></head><body><h2>형제 선택자</h2><div><h3>첫째</h3><p>둘째</p><a href="#">셋째</a><h4>넷째</h4><p>다섯째</p><span>여섯째</span></div></body></html>'HTML, CSS' 카테고리의 다른 글
(29)CSS_가상선택자 (0) 2023.03.29 (28)CSS_속성선택자 (0) 2023.03.29 (26)CSS_자식 자손 선택자 (0) 2023.03.29 (25)CSS_그룹 선택자 (0) 2023.03.29 (24)CSS_Class선택자 (0) 2023.03.29