의 javascript30 / Day5
flex: 1 0 auto;
mother가 flex인 경우
item의 너비를 설정하는 속성
증가너비, 감소너비, 기본너비
참고) heropy.blog/2018/11/24/css-flexible-box/
.panel > *
*: 전체선택자(모든 요소)
> 직계자식만 선택
참고)
code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048
반드시 기억해야 하는 CSS 선택자 30개
여러분은 id, class, descendant 기초를 알고 있겠죠. 과연 그게 전부일까요? 그렇다면, 여러분은 폭넓게 적용하지 못하고 있네요. 이 글에서 설명하는 선택자 중에 다수가 CSS3 명세서에 있으며 모던
code.tutsplus.com
classList.toggle( String [, force] )
하나의 인수만 있을 때: 클래스 값을 토글링한다. 즉, 클래스가 존재한다면 제거하고 false를 반환하며, 존재하지 않으면 클래스를 추가하고 true를 반환한다.
두번째 인수가 있을 때: 두번째 인수가 true로 평가되면 지정한 클래스 값을 추가하고 false로 평가되면 제거한다.
classList에 string이 있으면 제거, 없으면 추가한다.
굳이 if문 사용하면서 add, remove를 사용할 필요가 없다.
참고)
developer.mozilla.org/ko/docs/Web/API/Element/classList
'TIL' 카테고리의 다른 글
| 2021.03.22 (0) | 2021.03.24 |
|---|---|
| 2021.03.04 (0) | 2021.03.05 |
| 2021.02.16 (0) | 2021.03.04 |
| 2021.01.28 (0) | 2021.01.28 |
| 2021.01.25 (0) | 2021.01.25 |