선택자2 HTML/CSS] 복수선택자, 여러조건 선택자 지난 시간에 이어 선택자를 공부해봅시다. 'selector(선택자)'란 이름 그대로 선택을 해서 특정 태그에 원하는 스타일을 적용해주는 요소를 말합니다. 선택자를 이용하면 하나 또는 여러개의 태그에 원하는 대로 스타일을 적용해 줄 수 있습니다. 복수 선택자 같은 스타일을 여러 태그에 적용하고 싶을 때가 있습니다. 이럴때는 적용하고 싶은 클래스들을 복수 선택해서 한번에 적용할 수 있는데요. 원하는 태그의 이름들을 쉼표(,)를 사용하여 나열하면 스타일을 한꺼번에 적용시킬 수 있습니다. 태그명1, 태그명2, 태그명3, ... 안녕, 나는 H1이야 안녕, 나는 H4라고해 첫번째 p태그 두번째 p태그 다시 첫번째 p태그 다시 두번째 p태그 다시 세번째 p태그 다시 네번째 p태그 .first, .second { c.. 2021. 5. 21. HTML/CSS] 전체 선택자, 태그 선택자 스타일 속성을 적용하는 요소를 'selector(선택자)'라고 부릅니다. 선택자를 이용하면 지정된 하나의 태그에 스타일을 지정해 줄 수 있습니다. 또는 선택자를 이용하여 여러개의 태그를 묶에서 스타일을 지정해 줄 수 있습니다. 이렇게 하면 한번에 여러 태그에 스타일을 적용할 수 있으니 간편하겠죠? 오늘 사용할 예시입니다. index.html만 작성하고, style.css는 비워두었습니다. 웹페이지에 아래와 같이 출력됩니다. 전체 선택자(universal selector) 전체 선택자는 HTML페이지의 모든 요소(태그)에 같은 CSS속성을 적용할 때 사용합니다. *(별표)는 전체 선택자로 *뒤에 속성과 속성값을 써주면 됩니다. * {속성1: 속성값1; 속성2: 속성값2; ...} * { color: blu.. 2021. 5. 17. 이전 1 다음
