Q. style 속성을 올바르게 사용한 것을 고르시오.
- style="background-color: coral@ color: powderblue"
- style="background-color: coral, color: powderblue"
- style="background-color: coral; color: powderblue"
- style="background-color: coral/ color: powderblue"
정답 : 3번 (;) 세미콜론 다음에 color 속성이 온다.
Q. 다음 설명중 옳지 않은것을 고르시오.
- id속성은 특정한 하나의 개체를 가리킨다.
- class속성은 광범위한 그룹을 가리킨다.
- CSS에서 id선택자는 class선택자보다 우선 적용된다.
- CSS에서 태그로 설정하면 id선택자보다 우선 적용된다.
정답 : 4번 ㅡ> 태그 선택자란 태크 안에 직접 넣는 게 아니라, css 파일에 태그로 속성 부여하는 걸 일컫음.
<설명>
점수가 높을수록 더 우선시되는 것이다. 따라서 만약 한 요소에 대해 클래스 선택자와 id선택자가 적용되어 있다면, 100>10 이므로 id선택자의 속성이 적용된다. 또 한 가지 알아야 하는 것은 만약 점수가 같다면 마지막으로 선언된 것의 속성이 적용된다.
전체 선택자(*) | 태그 선택자 | 클래스 선택자(.) | id 선택자(#) | !important | |
점수 | 0 | 1 | 10 | 100 | 10000 |
마지막 열을 보면! important라는 것이 있다. important는 말 그대로 모든 곳에서 최우선으로 되도록 만들어준다.
'🗃️javascript > 이론정리' 카테고리의 다른 글
공부방향 및 각종 용어들의 정의[UI , API, CDN, cache 등] (1) | 2023.03.08 |
---|---|
js 객체의 기본(객체 생성, 데이터 불러오기, 데이터 넣기 , this) (1) | 2023.03.08 |
for of 과 for in 간략 정리 (0) | 2022.12.30 |
javascript 기본이론(4)(고차 함수 이해과정) (1) | 2022.12.26 |
javascript 이론(3) (0) | 2022.12.26 |