- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2022-01-23T17:33:28+09:00","default:ryuichi","ryuichi")
#author("2022-01-23T17:36:01+09:00","default:ryuichi","ryuichi")
* CSSでif-elseな条件分岐 [#bd8e1b09]
#sh(css){{
@media (min-width: 600px) {
/* 600px以上 */
}
@media (max-width: 599px) {
/* それ未満 */
}
@media (min-width: 600px) { /* if */ }
@media (max-width: 599px) { /* それ未満 */ }
}}
#sh(css){{
:checked { /* if */ }
:not(:checked) { /* else */ }
[data-attr="foo"] { /* if */ }
[data-attr="bar"] { /* elseif */ }
:not([data-attr]) { /* else */}
}}
