언어공부/python27 [CSS] Pseudo-elements Pseudo-elements 아무것도 없는 곳에 요소를 추가하여 스타일을 적용한 것처럼 처리할 수 있다고 해서 '의사(모조의) 요소' 라고 불림. id, class, span 등으로 지정안해도 원하는 부분만 딱 선택할 수 있게 해주는 요소. a keyword added to a selector that lets you style a specific part of the selected element(s). For example, ::first-line can be used to change the font of the first line of a paragraph. EX) 사용예/* The first line of every element. */p::first-line { color: blue; text.. 2018. 3. 6. The Difference Between :nth-child and :nth-of-type https://css-tricks.com/the-difference-between-nth-child-and-nth-of-type/ nth-child means select an element if: 1. It is a paragraph element2. It is the second child of a parent nth-of-type means: Select the second paragraph child of a parent :nth-of-type EX) HTML Little Piggy CSSp:nth-child(2) { color: red; }/* 둘 다 적용된다 */p:nth-of-type(2) { color: red; } 그런데 만약 HTML이 이렇게 바뀌면, Words Little Piggy .. 2018. 3. 6. [advanced selectors] The 30 CSS Selectors You Must Memorize https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048 The 30 CSS Selectors You Must Memorize * 전체 다 선택하기1234* { margin: 0; padding: 0;} ul안에 있는 li안에있는 a(anchor태그) 만 적용시키기1234ul li a { border: 1px solid lightgrey;} adjacent 123ul + p { color: red;}This is referred to as an adjacent selector. It will select only the element that is immediately preceded by the former.. 2018. 3. 5. The 30 CSS Selectors You Must Memorize https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048 The 30 CSS Selectors You Must Memorize * 전체 다 선택하기1234* { margin: 0; padding: 0;} ul안에 있는 li안에있는 a(anchor태그) 만 적용시키기1234ul li a { border: 1px solid lightgrey;} adjacent 123ul + p { color: red;}This is referred to as an adjacent selector. It will select only the element that is immediately preceded by the former.. 2018. 3. 5. 이전 1 2 3 4 5 6 7 다음
