밤토리
728x90
article thumbnail
[CSS] 가상 클래스 선택자
Frontend/CSS 2022. 10. 20. 21:48

가상 클래스 선택자란? 가상선택자는 기본선택자 뒤에 :(콜론)을 붙인 가상 클래스를 의미합니다. 선택자중에서 첫번째, 마지막, 짝수, 홀수번째의 요소를 선택하고 싶을때 등 사용한다. [사용방법] 선택자:가상클래스 { property : value } 아래의 h1 태그가 있다고 가정합니다. begin CSS1 begin CSS2 begin CSS3 begin CSS4 begin CSS5 :first-child - 첫번째 요소의 CSS를 변경하고 싶을때 :last-child - 마지막 요소의 CSS를 변경하고 싶을때 /* #0000FF 파란색*/ /* #8A2BE2 보라색*/ /* #FACBBA 살구색*/ /* #FFD700 노란색*/ h1:first-child { color : #0000FF; } h1:l..

article thumbnail
[CSS] 선택자 (자식, 자손, 형제)
Frontend/CSS 2022. 10. 17. 23:57

지난시간에 "선택자" 에 대해서 공부를 했다면, 본격적으로 자식, 자손, 형제 선택자에 대해서 알아보려고 합니다. [CSS] 선택자 Selector (Type, Class) 1. 선택자 (Selector) 선택자 "Selector"란 말 그대로 선택을 해주는 요소입니다. 1.1 Type선택자 (태그 선택자) [HTML] A선택자1 A선택자2 A선택자3 A선택자4 Type선택자는 태그에 대한 스타일을 지정합니다. a torimaru.tistory.com * 오늘의 예제 /* div = 부모 */ Welcome to Bamtory Blog /* h1 = div의 자식 */ /* ul = div의 자식 */ Sub Content /* h2 = div의 손자, ul의 자식 */ begin CSS1 /* li =..

article thumbnail
[CSS] 선택자 Selector (Type, Class)
Frontend/CSS 2022. 10. 14. 23:32

1. 선택자 (Selector) 선택자 "Selector"란 말 그대로 선택을 해주는 요소입니다. 1.1 Type선택자 (태그 선택자) [HTML] A선택자1 A선택자2 A선택자3 A선택자4 Type선택자는 태그에 대한 스타일을 지정합니다. a태그에 속한 글자들의 폰트 사이즈와 색상을 변경하고싶을 때 아래처럼 선언해주면 됩니다. [CSS] a { font-size: 20px; color: #8492a6; } a 태그를 가진 "선택자"를 선택하여 font-size라는 속성(property)에 20px이라는 속성값(property value)으로 지정합니다. 1.2 Class 선택자 태그안에 class로 지정된 요소들을 선택하는것을 지칭합니다. CSS에서 class의 접근은 .(dot)을 붙이는데, clas..

[React Native] 'react-native-svg' Install 오류 조치 방법 (Could not resolve dependency
Frontend/React 2021. 3. 17. 19:38

안녕하세요. 미루고 미뤄왔던 지난번 프로젝트를 이번에 이어서 작업중에 있습니다. React-Native 차트 라이브러리를 좀 찾다보니 무료 라이브러리 중 'svg'라는 라이브러리를 많이 사용하는듯 보이더라구요. www.npmjs.com/package/react-native-svg react-native-svg SVG library for react-native www.npmjs.com 별 생각없이 평소 하던데로 받으려니 > npm i react-native-svg 왠걸.... 어디서 많이 본듯한 안본듯한 에러가 발생하더랍니다. package-lock.json 지우기 cache clean.. 등 작업을 했는데도 증상이 같았습니다. npm install throws "Could not resolve depe..

728x90