CSS _선택자_그룹선택자

💻Coding/📒 CSS

CSS _선택자_그룹선택자

음은응 2021. 9. 13. 08:59

728x90

CSS _선택자_그룹선택자

CSS의 문법 형식은 선택자, 속성, 속성값으로 이루어져 있습니다.
↓↓↓

[ CSS - 문법 ]

<style>
    선택자 { 속성1: 속성값; 속성2: 속성값; }
</style>

그래서 CSS에서는 스타일을 적용할 대상을 선택하기 위해서 선택자를 사용합니다.

▶ 그룹 선택자
ㄴ 여러 선택자에 css를 적용하고 싶을 때 사용합니다.
ㄴ CSS 선택시 : ,(쉼표)를 사용
(부르고 싶은 선택자를 쉼표로 구분하여 연결하여 불러주면 됩니다.)

<p>태그에 selector 라는 클래스 이름을 주고 <style>~</style>로 글자 색깔을 변경해볼께요~!

[ html - css 작성 코드 ]

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css class 선택자</title>
    <style>
        h2, p { color: red;}
    </style>
</head>
<body>
	<h2>CSS 그룹 선택자1</h2>
    <p>CSS 그룹 선택자2</p>
</body>
</html>

[ css 넣기 전]

[ 실행 화면의 변화 ]

728x90

저작자표시 비영리 변경금지

'💻Coding > 📒 CSS' 카테고리의 다른 글

CSS _선택자_속성 선택자(attribute selectors) (0)	2021.11.19
CSS _hover (0)	2021.10.26
CSS _선택자_클래스선택자 (0)	2021.08.27
CSS _선택자_아이디선택자 (2)	2021.08.26
CSS _작성 위치와 연결방법 (0)	2021.08.25

현재글CSS _선택자_그룹선택자

250x250

쭈랜드입니다:)

오라클, javascript, adobe, photoshop, 드로우앤드류, oracle, eclipse, 자바스크립트, drawandrew, Spring, 드로우마이브랜드, css, 포토샵, SQL, PSD, 포토샵단축키, HTML, 오라클오류, 어도비, sqldeveloper,

Today :
Yesterday :

CSS _선택자_그룹선택자

CSS _선택자_그룹선택자

'💻Coding > 📒 CSS' 카테고리의 다른 글

'💻Coding/📒 CSS'의 다른글

티스토리툴바

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

CSS _선택자_그룹선택자

CSS _선택자_그룹선택자

'💻Coding > 📒 CSS' 카테고리의 다른 글

'💻Coding/📒 CSS'의 다른글

관련글

티스토리툴바