WIKI

SEOUL‍
wiki:language:css
추적: • Markdown

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판		이전 판
wiki:language:css [2025/01/15 06:17] – clockoonwiki:language:css [2025/11/06 01:12] (현재) – 바깥 편집 127.0.0.1
줄 33: 줄 33:
  
 [^1]: 출처: https://stackoverflow.com/questions/24657555/what-is-the-difference-between-first-child-and-first-of-type/24657721#24657721 [^1]: 출처: https://stackoverflow.com/questions/24657555/what-is-the-difference-between-first-child-and-first-of-type/24657721#24657721
 +
 +### Selector ID
 +HTML spec에서는 ID에 온점을 허용한다. 즉, `<div class=“aaa.bbb”></div>`는 유효하다. 그러나 CSS에서 클래스를 온점으로 구분하기 때문에 이를 통상적인 방식으로 호출하는 것은 불가능하다. 요컨대 이런 코드는 성립하지 않는다.
 +
 +
 +```css
 +.aaa.bbb {
 +    color: #000;
 +}
 +```
 +
 +대신, 백슬래시로 이스케이프하거나 attribute selector를 활용해야 한다.
 +
 +```css
 +.aaa\.bbb {
 +    color: #000;
 +}
 +
 +[class=‘aaa.bbb’] {
 +    display:none;
 +}
 +```
  
 ## 유용한 글들 ## 유용한 글들
-- [번역) 레이아웃 알고리즘 이해하기](https://junghan92.medium.com/번역-레이아웃-알고리즘-이해하기-baed8b1eca5f|(번역) 레이아웃 알고리즘 이해하기]+- [번역) 레이아웃 알고리즘 이해하기](https://junghan92.medium.com/번역-레이아웃-알고리즘-이해하기-baed8b1eca5f)
 - [이번에야말로 CSS Flex를 익혀보자](https://studiomeal.com/archives/197) - [이번에야말로 CSS Flex를 익혀보자](https://studiomeal.com/archives/197)
 +- [CSS order 쓰는 법](https://velog.io/@yena1025/CSS-order-%EC%93%B0%EB%8A%94-%EB%B2%95)
 +- [MDN: order](https://developer.mozilla.org/ko/docs/Web/CSS/order)
 ---- struct data ---- ---- struct data ----
 pageinfo.status      : Draft pageinfo.status      : Draft
 ---- ----
  
wiki/language/css.1736889425.txt.gz · 마지막으로 수정됨: (바깥 편집)