CSS 스타일시트의 세 가지 스타일 중 어느 것이 더 높은 우선순위를 갖나요?-CSS 튜토리얼-php.cn

CSS 스타일 우선순위는 인라인 스타일(가장 높음), 내장 스타일(두 번째), 외부 스타일 시트(가장 낮음)입니다. 우선순위가 가장 높은 것이 승리하며, 인라인, 내장, 외부 순으로 동일한 우선순위가 적용됩니다.

CSS 스타일시트의 세 가지 스타일 중 어느 것이 더 높은 우선순위를 갖나요?

CSS 스타일 시트에서 우선순위가 높은 세 가지 스타일

CSS 스타일 시트에서는 우선순위에 따라 적용할 스타일을 결정합니다. 우선순위가 가장 높은 스타일은 우선순위가 낮은 모든 스타일을 재정의합니다.

우선순위가 높은 세 가지 스타일 유형은 다음과 같습니다.

1. 인라인 스타일

우선순위: 가장 높음

인라인 스타일은style속성을 사용하여 HTML 요소에 직접 작성됩니다. 예:style属性。例如：

This text is red.

로그인 후 복사

2. 内置样式

优先级：次之

内置样式是浏览器默认定义的样式。它们不能被其他类型的样式覆盖。例如：

Heading

로그인 후 복사

3. 外部样式表

优先级：最低

外部样式表是存储在单独文件中的样式。它们通过link

로그인 후 복사

2. 내장 스타일

우선순위: 두 번째

내장 스타일은 기본적으로 브라우저에서 정의한 스타일입니다. 다른 유형의 스타일로 재정의할 수 없습니다. 예:

p { color: blue; } /* 外部样式表 */ p { color: green; } /* 内置样式 */ This text is red.
 /* 内联样式 */

로그인 후 복사

3. 외부 스타일 시트

우선순위: 가장 낮음

외부 스타일 시트는 별도의 파일에 저장되는 스타일입니다. link요소를 통해 HTML 문서에 연결됩니다. 예:

rrreee

우선순위 규칙

우선순위가 가장 높은 스타일이 항상 승리합니다. 여러 스타일의 우선순위가 동일한 경우 다음 순서로 적용됩니다. 인라인 스타일 내장 스타일 외부 스타일 시트 예 예를 들어 다음 CSS 스타일은 rrreee 최종 적용 스타일이 가장 우선순위가 높기 때문에 인라인 스타일이 됩니다. 따라서 텍스트가 빨간색으로 표시됩니다.

위 내용은 CSS 스타일시트의 세 가지 스타일 중 어느 것이 더 높은 우선순위를 갖나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!