13일차_속성 선택자(Selector), CSS Combinator, Flex

속성 선택자(Selector)

---

 

기존에 배운 선택자(selector)

이제 선택자 심화부분을 배워보자!

1.  emmet에서 사용했던 방법(p[one=two])

처럼 Class의 특징을 가지고 선택자를 지정할 수 있다!

 

예시:

 */a태그의 url을 직접 지정하여 select/*
 a[href="http://www.paullab.co.kr"]
      {
        font-size: 48px;
      }

 */class명을 직접 지정하여 select(물론 이렇게 쓸 일은 없다. 보통은 ".클래스명" 을 사용.)/*
 p[class="paullab"] {
        font-size: 48px;
      }

 

CSS Combinator

---

자세한 내용은 아래 참고

https://www.w3schools.com/cssref/css_selectors.asp

CSS Selectors Reference

 

FLEX

---

직관적으로 FLEX 개념 확인하기

https://codepen.io/enxaneta/full/adLPwv

Flexbox playground

https://studiomeal.com/archives/197

이번에야말로 CSS Flex를 익혀보자

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

A Complete Guide to Flexbox | CSS-Tricks

 

실습하며 FLEX 개념 확인하기

https://flexboxfroggy.com/#ko

Flexbox Froggy