본문 바로가기
반응형

인접 형제 선택자2

[css] 인접 형제 선택자, 일반 형제 선택자 차이 [css] 인접 형제 선택자, 일반 형제 선택자 차이 오늘은 형제 선택자를 정리해 보았습니다. 형제 선택자는 아래 두 가지가 있는데 -인접 형제 선택자 (adjacent sibling selector) -일반 형제 선택자 (general sibling selector) 말이 어려워서 그렇지 adjacent 뜻은 '바로 옆에 있는' 이라는 뜻입니다. 둘 다 같은 부모를 가지고 있다는 점에서는 똑같습니다. 형제 선택자 요약표 (E나 F는 요소명을 대신하는 임시 키워드) 인접 형제 선택자 (adjacent sibling selector) ★ 문법 E + F {속성: 속성값;} 같은 부모를 가지고, E 바로 뒤에 오는 F에만 적용합니다. ★ 사용 예 : img + span {font-style: italic;}.. 2014. 9. 12.
css 선택자, 선택자 종류와 사용법 css 선택자, 선택자 종류와 사용법 오늘 정리하는 부분도 css 기초로, 가장 초반에 배웠어야 할 부분인데 정리가 상당히 늦은 감이 있네요.^^ css 선택자 종류(대표적으로, 타입 선택자, id 선택자, class 선택자)와 선택자 사용 방법까지 알아 볼게요. 너무 간략히 정리한 부분은 다음에 또 자세히 다루어 볼게요~ CSS 구문은 다음과 같습니다. 선택자 { 속성 : 속성값 ; } selector { property : value ; } 여기서, 선택자란 무엇일까요? 무언가에 스타일을 주고자 할 때 대상을 지정해야 하는데, 이걸 선택자라고 합니다. 선택자의 종류 유형 선택자(type selector) : 요소 이름 예: p {color: red} p 요소가 있는 곳은 모두 빨간색 글씨로 지정하겠다.. 2014. 8. 18.
반응형