본문 바로가기

다이앤달링619

[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.
매력있는 남자들이 진짜로 우리가 생각하는 것 만큼 꼬심을 당하나? 그럼 어떻게 대응하나? Do attractive men get hit on as much as we think they do? How do you react to compliments? I've had a couple of friends of mine be completely dumbfounded at how just how oblivious to these things that I am. I mean I notice sometimes when a woman is flirting with me, but most of the time, I figure they're just enjoying our conversation, pool game, whatever, and not sending signals that I should b.. 2018. 3. 5.

티스토리툴바