Javascript 无法覆盖预定义的h1值

Javascript 无法覆盖预定义的h1值,javascript,html,css,Javascript,Html,Css,我已经在styles.css文件中为h1标记提供了所需的值,但是预定义的值没有被覆盖 介质最小宽度:1200px.h1, h1{ 字体大小:2.5rem; } .h1, h1{ 字体大小:calc1.375rem+1.5vw; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ 边际上限:0; 边缘底部:.5rem; 字号:500; 线高:1.2; } h1{ 字体系列:“蒙特塞拉特”,无衬线; 字体大小:3rem; 线高:1.5;

我已经在styles.css文件中为h1标记提供了所需的值,但是预定义的值没有被覆盖

介质最小宽度:1200px.h1, h1{ 字体大小:2.5rem; } .h1, h1{ 字体大小:calc1.375rem+1.5vw; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ 边际上限:0; 边缘底部:.5rem; 字号:500; 线高:1.2; } h1{ 字体系列:“蒙特塞拉特”,无衬线; 字体大小:3rem; 线高:1.5; } 你好,世界 你好,世界 你好,世界 你好,世界 你好,世界 你好,世界 你好,世界 你好,世界 你好,世界 你好,世界 你好,世界
Hello world您可能需要使用重置css。
并且主要将自定义css文件放在标题中所有样式文件之后。

请澄清您的术语和意图。您要求使用h1标记真的吗,标记?,并且在您的代码中有h1元素h1和class.h1的多种样式

正如@Tacosh所指出的,首先需要将媒体查询固定为@media min width:1200px{…},并用括号指定范围


目前,它从1200px开始读取,您的h1和.h1的字体大小均为:2.5rem。在该断点下方,您的h1是字体大小:calc1.375rem+1.5vw;您的.h1字体大小为3rem。

请您在问题中添加一些代码好吗?最好作为一名教师。请不要以图片的形式发布。不,对不起。请删除评论并编辑问题?媒体最小宽度:1200px.h1。。。已经显示了2个问题。Mediaqueries需要@media和大括号才能打开->@media最小宽度:1200px{.h1…我添加了一些HTML,希望能更好地显示问题请回答您的问题,并准确地包括您期望的没有发生的事情或正在发生的没有发生的事情。我们不知道重置是否有帮助,因为OP几乎没有给出任何信息,尽管这应该作为评论而不是a给出NWSER这是一个有效的答案。请让OP至少尝试一下,否则我可以提供其他信息或添加额外的解决方案,如果这不起作用。但大多数情况下,它是这样工作的,所以不能排除。是的,但这是一个野生和模糊的猜测。anwser应该始终是一个问题的100%确定的解决方案。因为我们没有任何详细的通知这只是一个geuss,因此应该作为评论而不是anwser。你认为这不能解决此类情况吗?