> 웹 프론트엔드 > 프런트엔드 Q&A > CSS 스타일 시트에는 어떤 유형이 있나요? 선택자 우선순위란 무엇입니까?

CSS 스타일 시트에는 어떤 유형이 있나요? 선택자 우선순위란 무엇입니까?

青灯夜游
풀어 주다: 2023-01-07 11:45:56
원래의
4162명이 탐색했습니다.

CSS 스타일 시트에는 인라인 스타일 시트, 내부 스타일 시트, 외부 스타일 시트의 세 가지 유형이 있습니다. 선택기 우선순위는 "범용 선택기> 요소 선택기> 클래스 선택기> 속성 선택기> 의사 클래스> ID 선택기> 인라인 스타일"입니다.

CSS 스타일 시트에는 어떤 유형이 있나요? 선택자 우선순위란 무엇입니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 스타일 시트에는 어떤 유형이 있나요?

CSS 스타일이 작성되는 위치(또는 도입 방식)에 따라 CSS 스타일 시트는 다음 세 가지 범주로 나눌 수 있습니다.

1. 인라인 스타일 시트

인라인 스타일은 CSS 스타일을 배치하는 것을 의미합니다. 코드 줄 내에서 직접 태그에 넣는 경우가 많으며, 인라인 스타일은 태그에 직접 삽입하는 방식이므로 가장 직접적인 방법이며, 수정하기 가장 불편한 스타일이기도 합니다. .

예:

<p style="background-color: #999900">行内元素,控制段落-1</p>
로그인 후 복사

2. 내부 스타일 시트

내부 스타일 시트는