简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > css样式来源与css优先级冲突的解决方案
Blogger Information
Blog 18
fans 1
comment 0
visits 17329
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
css样式来源与css优先级冲突的解决方案
α清尘
Original
586 people have browsed it

css是什么

  • css是cascade style sheet的简称，是层叠样式表
  • css并不是编程语言
  • css的核心包含层叠，单位（px，em，rem，fr，vh，vw），定位，浮动等等。

css的样式来源有哪些

css的样式来源有三种

  1. 当前文档 <style>
  2. 当前元素的属性 style=""
  3. 通过<link>引入外部公共样式

实例：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>css层叠样式</title>
  7.     <!-- 1.通过link引入外部公共样式 -->
  8.     <link rel="stylesheet" href="css/css.css">
  9.     <!-- 2.在当前文档中写入style样式 -->
  10.     <style>
  11.         h2{ color: aquamarine;}
  12.     </style>
  13. </head>
  14. <body>
  15.     <!-- 3.在行内设置当前元素的属性设置样式 -->
  16.     <h2 style="color: burlywood;">自定义样式表的来源</h2>
  18.     <!-- 选择器的优先级
  19.     id选择器>class类选择器>tag标签选择器 
  20.     -->
  21. </body>
  22. </html>

css优先级冲突的解决方案

  • 样式表的来源
  • 选择器的优先级
  • 源码的顺序

同一属性的样式定义，后边定义的样式会覆盖前边定义的样式
css样式的优先级：行内样式>内嵌样式>外部链接样式
选择器的优先级：id选择器>class类选择器>标签选择器

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！