# 선택자

71개의 포스트
post-thumbnail

CSS_selector

CSS(Cascading Style Sheet)은 마크업 언어로 작성된 문서의 모습을 '설명'하는 것. 레이아웃, 색상 및 글꼴을 포함하여 내용과 프레젠테이션을 분리할 수 있게 설계하여 콘텐츠 접근성을 향상시켜주는 역할을 한다. Author Style (CSS 제공)

어제
·
0개의 댓글
·

jQuery :: 필터링 관련 선택자 및 메소드

jQuery 필터링 관련 선택자 및 메소드 정리

6일 전
·
0개의 댓글
·

jQuery :: 추가적인 선택자

jQuery에서 추가적인 선택자에 대해 정리

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

javascript 끝말잇기 - 3

보통 자바스크립트에서 HTML 태그를 가져오는 것을 '선택한다'고 표현한다.여기서 '선택자'라는 용어가 나오는데, 선택자는 HTML 태그를 선택할 수 있게하는 문자열이다.이 함수를 통하여 HTML 태그에 해당하는 것이 실행되면 자바스크립트의 함수를 실행할 수 있게한다.

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

css 기초 정리 - 1

선택자 - 특정 태그를 사용하여, 해당 태그의 속성을 변경하는 목적으로 사용된다. 선택자 안에 스타일 속성과 속성값을 넣으면 된다.

2022년 11월 7일
·
0개의 댓글
·

요소/속성 선택자

선택자 중에 가장 기본이 되는 선택자이며, 태그 선택자라고도 한다.요소 선택자는 위 코드처럼 선택자 부분에 태그 이름이 들어가며 문서 내에 선택자에 해당하는 모든 요소에 스타일 규칙이 적용된다.선택자는 쉼표를 이용해서 그룹화를 할 수 있으며 선언들도 그룹화가 가능하다.

2022년 10월 27일
·
0개의 댓글
·

CSS 문법과 적용

1. CSS 구문 CSS는 HTML 요소를 꾸며주는 역할을 한다. 선택자(selector) - 속성(property) - , 값(value) - , 선언(declaration) - , 선언부(declaration block) - 규칙(rule set) - CSS 파

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

[Css]선택자, 선택자종류

선택자구문 : 선택자{style속성 : style속성값;}css를 적용시킬 대상을 선택한다.선택자종류태그명 : 태그명{} -> 선택자에 기입된 태그명과 일치하는 모든 html 요소선택\->아이디 : ->id 속성의 값은 유일값을 가져야한다.클래스 : .클래스값{} ->

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

[코캠]베이스캠프 7일차 | 선택자, 폰트, 단위

오늘은 css 선택자, 웹폰트, 그리고 단위에 대해 배웠다.다시 한번 살펴보자!1-1. 가상 클래스 선택자:first-child형제 요소 중 첫번째 요소를 선택하는 가상 클래스:first-of-type형제 요소 중 자신의 유형과 일치하는 제일 첫 요소를 취급:nth-c

2022년 10월 13일
·
0개의 댓글
·

221011 Javascript #2

연산자, 선택자

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

[ CSS ] 선택자(Selectors)

✅ 선택자 📌 기본 선택자 1. 전체 선택자 *(별표) : HTML문서 내의 모든 요소들을 선택한다 2. 태그 선택자 tag : 태그명을 가진 요소를 선택한다 3. id 선택자 #name : id명을 요소에 지정해 일치하는 요소를 선택한다 id명은 유일한 식별자로 중복이 불가하다 ❌ 🙅‍♀️ ❌ ![](https://velog.velcdn....

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

CSS와 선택자

CSS css는 Cascading Style Sheets의 약자로 웹페이지의 외관과 레이아웃을 꾸미는 역할을 한다. CSS 작성법 🔸 inline style sheet 각각의 HTML 요소 위한 스타일이다. 스타일을 적용하고 싶은 요소의 태그에 작성한다. 적용하고자

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

CSS 선택자

출처 : 튜토리얼로 배우는 HTML & CSS전체선택자는 \* { } 타입선택자는 해당 타입 { }class선택자는 .classname{ }class 속성은 한 페이지에 여러 개가 존재할 수 있기 때문에 동일한 class 속성이 들어간 요소들을 동시에 식별할 수 있다

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

[CSS3] 선택자 종류

포괄 < 구체 (큰 태그는 작은 태그에 진다)class < id < !important 같은 급일 때(동일 class), 코드 위치가 위보다 아래에 있는 코드의 우선순위가 더 높다. 자손 선택자 (>): 자식(직계 자식만 선택 가능하다)후손 선택자 (

2022년 8월 29일
·
0개의 댓글
·
post-thumbnail

[html&css] css란? 선택자 알아보기

css를 사용하는 이유? html의 내용과 상관없이 디자인만 바꿀 수 있다.다양한 기기에 탄력적으로 바뀌는 문서를 만들 수 있다 (패드, 노트북, 핸드폰..)스타일 형식은 아래와 같으며, 맨 앞의 선택자는 어느 태그에 적용할 것인지를 알려준다.내부 스타일 시트 : 스타

2022년 8월 19일
·
0개의 댓글
·
post-thumbnail

styled-component에서의 후손, 자식 선택자

어제 작성한 블로그에서는 CSS의 후손 선택자, 자식 선택자에 대해 공부해보았다!오늘은 공부한 선택자를 styled-component에 적용해보았다!

2022년 8월 9일
·
0개의 댓글
·
post-thumbnail

[CSS]자식, 후손 선택자 그리고 이건 뭐라고 부르나요 ?

자식 선택자, 후손 선택자, 그리고 이건 뭐야...?

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

부족한 CSS 지식 - 선택자

나의 부족함....

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

선택자 우선순위

우선순위란, 같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법 점수가 높은 선언이 우선 점수가 같으면, 가장 마지막에 해석된 선언이 우선 여기서 은 글자의 색은 상속이 되는 요소이니까, body내부의 태그 div는

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

선택자

1\. 기본 선택자 1\. \* : 모든 요소를 선택 2\. 태그 선택자 : 태그이름이 ~인 요소를 선택 3\. 클래스 선택자 : .~ : 클래스 이름이 ~인 요소를 선택 정확히는 HTML class 속성의 값이 ~인 요소를 선택 4\. id 선택

2022년 7월 23일
·
0개의 댓글
·