# selector

19개의 포스트
post-thumbnail

CSS selector

Type(요소) : HTML 태그 직접 지정class : class 선택 (.)ID : ID 선택 (자식 선택자 (>)자손 선택자 (공백)형제 선택자 (+,~):first-child : ~의 첫번째 요소:last-child : ~의 마지막 요소:nth-child(n)

6일 전
·
0개의 댓글
post-thumbnail

[Kubernetes] missing required field "selector" in io.k8s.api.apps.v1. turn validation off with --validate=false 에러 해결하기

다음과 같은 에러가 발생합니다. 구 버전의 경우 다음과 같이 yaml에 selector가 없이 구성되었기 때문에해당 문제가 발생합니다. 첫번째 spec: replicas: 아래에 selector를 추가해줍니다. \-표시는 띄어쓰기 입니다. spec:\---replica

2020년 10월 10일
·
0개의 댓글
post-thumbnail

TIL 2020.04.12

2020년 9월 30일
·
0개의 댓글
post-thumbnail

크롬에서 CSS selector 쉽게 알아내기

개발자 도구 element탭에서 화살표로 원하는 부분 클릭하고 파란줄뜨는 부분에 우클릭으로 위처럼 Copy selector를 하면\`이렇게 저 하나만을 콕 찝을 수 있는 셀렉터를 알려준다.너무 자세해서 수정해서 써도 된다.

2020년 9월 18일
·
0개의 댓글

CSS : Peusdo-Element Selector

위의 이미지는 내가 만든 자기소개 페이지의 상단 navigation bar이다. 디자인적 요소를 위해서 회색의 라인을 추가 했는데, 문제는 element 보다 짧은 border line 을 만들려고 하다보니 일반적인 border 속성으로는 구현이 어려웠다. 그래서

2020년 8월 13일
·
0개의 댓글

TIL] CSS-기본 용어 정리(1)

. CSS: Cascading Style Sheets로 웹 개발자가 기본값의 서식을 가진 HTML code에 시각적인 효과를 줄 때 사용하는 언어이다.. style: HTML 코드 안에서 CSS 코드 사용시와 동일한 효과를 줄 때 사용한다. 1개 이상의 style 효과

2020년 8월 10일
·
0개의 댓글

속성 선택자

기본형 속성

2020년 7월 30일
·
0개의 댓글

Selector 결합

class가 id나 selector일 경우 태그와 결합할 수 있다.\->p태그이면서 class가 p-tag\->p태그이면서 id가 third-line여러가지 selector도 사용 가능! 띄어쓰기 주의\->class="pre" 안에 있는 span태그복잡하게 적용한 경우

2020년 7월 15일
·
0개의 댓글

CSS - Selector

안녕하세요! Seize~ 입니다:) 재즈 좋아하시나요? 저는 지금 chet baker 노래를 들으며 velog를 쓰고 있어요. 한 번 들어보시길! 우선 선택자(selector)가 무엇인가요?쉽게 설명하면 CSS 효과를 누구에게 줄건지 즉, 어떤 tag를 가진 eleme

2020년 6월 23일
·
0개의 댓글
post-thumbnail

CSS Selector

프로젝트를 진행할 때 전체적인 디자인을 bootstrap이나 ant-design와 같은 라이브러리를 이용해서 개발했습니다. 커스텀이 필요한 상황에 css를 사용해야 했었는데, 기초가 부족한 것 같아 css를 공부해야겠다고 다짐했습니다.선택자는 말 그대로 내가 스타일을

2020년 6월 21일
·
0개의 댓글
post-thumbnail

[CSS] 선택자

공부한 페이지 : https://flukeout.github.io/- CSS Diner는 CSS 선택자에 대해 재밌게 공부할 수 있도록 만든 사이트이다.32단계까지 있는데, 모두 완료했다(뿌듯).참고) 아래의 순번은 CSS Diner의 번호와 다름.1\. 태그

2020년 6월 21일
·
0개의 댓글
post-thumbnail

Selector: Redux를 좀 더 효율적으로

1. Redux의 비효율성과 selector Redux를 사용하면 상태관리 한 곳에서 관리할 수 있어 효율적인 상태관리와 불필요한 렌더링을 막아준다. 하지만 하나의 작은 비효율성이라면 비효율성인 것이 있다. 다른 reducer가 새로운 객체를 반환하더라도 모든 컴포넌트

2020년 5월 24일
·
1개의 댓글
post-thumbnail

selector를 고르고 제어하자

inline styling(13줄에 style 요소로 직접): 1000점id: 100점class: 10점tag: 1점p태그에 적용된 30px은 1점p-tag클래스에 적용된 15px는 10점이므로 15px이 적용된다.1점(p) + 10점(.p-tag) = 11점 이기 때

2020년 4월 26일
·
0개의 댓글
post-thumbnail

CSS가 적용되는 우선순위, 그리고 만약 동일 조건이라면?

태그안에 직접 작성하는 inline styling <p style="color:red"><style></style> 안에 작성스타일 시트를 따로 작성 <link href="index.css" rel="stylesheet" type="text/c

2020년 4월 26일
·
0개의 댓글
post-thumbnail

20.03.25(Wed) Module #3. CSS Selectors and Pseudo Selectors.

아래와 같은 input element 를 예로 들어보자.1\. 나는 저 submit 버튼을 빨간색으로 바꾸고 싶다. \- 그러면 클래스 선택자를 이용해서 바꾸는 것이 일반적 이다. \- .submit { background - color : red ; } 이렇게

2020년 3월 25일
·
0개의 댓글

[부스트코스]웹 프로그래밍 기초, 9) CSS Selector

1. 웹 프로그래밍 기초 9) CSS selector 오늘은 CSS selector가 무엇인지와 종류들에 대해서 알아보는 시간을 갖겠습니다! CSS selector ? 원하는 요소에 스타일을 적용하기 위해서는 해당 요소들을 잘 찾아야 합니다. 특정 요소뿐 아니라

2020년 2월 12일
·
0개의 댓글
post-thumbnail

자주 쓰는 html,css

css float한거 영역 채우기 clearfix img float 속성을 적용한 요소의 부모요소에 ::after를 사용해주면 된다. span과 ul태그를 감싸는 div 태그에 ::after를 추가하였습니다. 레퍼런스 : CSS / float를 clear하는

2019년 12월 19일
·
0개의 댓글