[HTML] 형제 선택자, 속성 선택자

1. 형제 선택자

 

형제 선택자는 ~로 표시하며 처음을 제외한 나머지 선택자가 선택된다.

위와 같이 div~div 로 묶어주면 모든 div중 첫번째 div를 제외한 나머지 2,3,5 div를 선택한다.

 

p~div 로 바꿔준다면 p뒤에 있는 div를 선택한다.

 

2. 속성 선택자

img 나 a태그에는 href, art, title 등 여러가지 속성이 있다. 이러한 속성들을 별다른 태그를 사용하지 않고 대괄호[] 로 묶어 선택할수 있다.

세부적으로 속성을 선택할 수도 있다. url까지 넣어주면

*를 이용하여 url의 일부를 넣어 줄수도 있다.