- 다양한 선택자들
하나만 수정하면 전체가 수정
효율적
// '*을 < head>안에, - 을 < body>안에'로 표현하겠음
*saw{
}
*saw{
color:gray;
}
*active{
color red;}
saw <선택자. 이 웹페이지의 모든 saw라는 이름의 태그를 선택하는.
.saw <class가 saw인 이름의 태그를 선택하는
-class="saw"
-class="saw active"<속성
class:그룹핑하다
-class라는 속성의 값은 여러개의 값이 들어올 수 있고, 이는 띄어쓰기로 구분한다.
-하나의 태그에는 여러가지 속성이 들어올 수 있고, 여러 개의 선택지를 통해서 하나의 태그를 공동으로 제어할 수 있다.
-보다 최근에 쓴 명령(더 밑에 쓴)이 더 큰 영향력을 갖는다.
2.id 선택자
-id="active"
*#active {
color:red;
}
아이디 선택자는 앞에 # 붙여줘야함. < body>부분에는 id로 선언해줘야함.
-최근에 등장한 선택자> 그 전(같은 태그일 경우)
-id선택자(구체적,예외적)>class선택자>태그 선택자(포괄적)
(순서 상관x)
