html链接css样式无效

完全匹配。

复制 HTML 类名称并将其粘贴到 CSS 中。
别太懒了。

确定 div > p（父级和子级）和 div p（后代）。

3 优先级冲突
！重要 > 内联 > ID > 类 > 元素。

查看 F1 2 元素面板中的样式并查找删除线样式。

不要随意添加!important，使用更具体的选择器。

4 语法错误
检查分号和花括号。
. Correct{color:red;} 是正确的。

不要拼错属性，“background color”应该是“background color”。

F1 2 控制台显示带有红色波浪线的错误。

5 浏览器缓存
Ctrl+F5 (Windows/Linux) 或 Command+Shift+R (Mac) 硬更新。

文件名加版本号 style?v=1 .1 或哈希 style.a1 b2 .css。

6 显示属性限制
display:inline 无法设置宽度和高度。
内联块或更改块。

.inline-box{显示：内联; width:1 00px;} 无效。

.block-box{显示:inline-block;宽度：1 00px；}有效。

7 不满足媒体查询的条件
@media (max-width:7 6 8 px) 检查屏幕宽度是否标准。

更改浏览器窗口大小或测试 F1 2 设备模式。

请勿编写冲突的条件，例如“min-width:7 6 8 px”和“max-width:7 6 8 px”。

8 动态JS修改
JS可以直接用element.style改变样式。

JS可以通过添加或删除类名来改变样式。

查看 F1 2 Elements 面板中的样式属性。

9 CSS变量错误
--color:red的定义；必须从使用 color:var(--color); 开始保持一致。

变量在作用域内可用，嵌套规则必须首先由父级定义。

故障排除流程： F1 2 网络检查CSS是否加载。
使用 F1 2 元素选择要显示计算样式的元素。
按优先级检查选择器、语法和冲突。
请参阅 F1 2 控制台错误消息和来源。

如果不起作用，请清除所有缓存并重试。

为什么css的样式不起作用

浏览器缓存：页面 CSS 更新后强制刷新页面 (Ctrl+F5 )。

HTML 标签问题：检查您的 HTML 并修复未封闭的标签，例如