首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

函数没有运行,我的CSS中的某些地方出错了,但是在哪里呢?

在这个问题中,函数没有运行,而且CSS中的某些地方出错了。要找到错误的位置,可以按照以下步骤进行排查:

  1. 检查浏览器控制台:打开浏览器的开发者工具,切换到控制台选项卡,查看是否有任何与函数或CSS相关的错误提示。错误消息通常会指示出错的文件和行号,帮助我们定位问题。
  2. 检查函数调用:确保函数被正确调用。检查函数名是否正确拼写,参数是否正确传递。可以使用console.log()在函数内部打印一些调试信息,以确认函数是否被执行。
  3. 检查CSS语法:使用CSS验证工具或编辑器的语法检查功能,确保CSS代码没有语法错误。常见的CSS语法错误包括拼写错误、缺少分号、括号不匹配等。
  4. 检查CSS选择器:确认CSS选择器是否正确匹配到目标元素。可以使用浏览器的开发者工具中的元素检查器来验证选择器是否正确。
  5. 检查CSS属性和值:确保CSS属性和值的拼写正确,并且符合CSS规范。有时候,错误的属性或值可能导致CSS不起作用或产生意外效果。
  6. 检查CSS文件引入:确认CSS文件是否正确引入到HTML文件中。检查CSS文件路径是否正确,确保文件存在且可访问。
  7. 检查CSS优先级:如果有多个CSS规则应用到同一个元素上,确保优先级设置正确。可以使用浏览器的开发者工具中的计算样式功能来查看应用到元素上的具体CSS规则。
  8. 检查HTML结构:有时候,CSS无法生效是因为HTML结构问题。确保HTML标签闭合正确,元素嵌套关系正确,没有重复的ID等问题。

如果以上步骤都没有找到问题所在,可以尝试以下方法:

  • 逐行注释CSS代码:将CSS代码逐行注释掉,然后逐行取消注释,观察每一行代码的效果变化,以确定出错的具体位置。
  • 使用版本控制系统:如果你使用版本控制系统(如Git),可以回退到之前正常工作的版本,然后逐步对比代码,找出引入错误的具体修改。

总结:通过以上步骤的排查,应该能够找到函数没有运行和CSS出错的具体位置。记住,调试是一个迭代的过程,需要耐心和细心地排查每一个可能的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【入门必备】编程必备技能--抓出代码中的蛀虫

很多的朋友,在写代码的时候经常运行出错然而却找不到哪里错了。那就是你没有学会分析错误,你到底错在哪里了?为什么错了? 第一种代码致命错误。...这个时候没有编译器直接给你指错误的源点,你怎么去寻找错误呢?第一你就要想到你的代码没有致命错误。 第二你肯定是犯了逻辑错误。 逻辑错误就需要你去讯寻找哪一步的逻辑错误了?然后更改过来!...简单逻辑错误,当你在调试的过程中,遇到哪里就会中断,这个时候你也就知道到底是那一句代码哪里出错了。...下面演示一下简单逻辑错误调试(例子编译器为VS2010不同的编译器可能控件不一样,但是运行步骤都是一样 的): 第一种错误简单逻辑错误(少了某些东西,但是编译能够通过,运行失败: #include错了,箭头指向的那一句代码就是有问题的代码。我们回到源代码去看看那一句代码我们忽略了什么。 原来是我们在读取的时候少了一个‘&‘符。触犯了我在论代码规范的重要性里面的代码书写规范了。

95260

Python DeBug的7个步骤【Programming】

如果底部没有帮助,并且你的代码已经有一段时间没有被连接了,那么运行它将是非常有帮助的。我推荐pylint或者flake8。通常情况下,它指向了我一直忽略的错误。...“但是Maria,”我听到你说,“如果我有一个堆栈跟踪,这些都是有帮助的,但是我只有一个失败的测试。我该从哪里开始呢?” Pdb,Python调试器。 在您的代码中找到一个您知道此调用应该命中的位置。...比方说,你放入一个print语句,然后发现有些地方出错了——而且一定是早些时候出错了。但是看看你把print语句放在哪里的函数,你不知道你是怎么到那里的。...是的,我已经在我的代码库中查找了一个函数调用的位置,但是这可能会变得很乏味,并且对于一个流行的函数来说并不能缩小范围。Pdb非常有用。 您按照我的建议,插入pdb断点并运行测试。...然后它嗖的一声就过去了,又失败了,没有休息。保留断点,然后在测试套件中运行一个测试,该测试执行与故障测试非常相似的操作。

1.2K00
  • 【Debug】如何顺利的重复别人的画图代码?一名Geek粉丝的Debug历程

    第一个图很爽 【画图】SARS-CoV-2结合的宿主细胞受体ACE2在人组织中的表达情况 话说上次站长画了一个图,还公布了代码,我照搬过来很是爽了一下,相当于白piao了站长一回,不过用read.csv...可是万万没想到,居然报错了,大概意思就是只有字符串能够转换为symbol,这就奇怪了,同样的代码在站长的机器上跑就没有错误呀。...好在R的debug系统非常完善,输入rlang::last_error() 之后就能看上次报错错在哪里,这时候发现原来卡在 rlang::ensym(y) 这里,那么这个函数为什么会报错呢?...然后运行一下这个函数,再到原来的代码里把《ggstatsplot::》去掉即可,这样修改过后的函数覆盖了原来包里的函数,就不会报错了,如图所示: 然后再运行一下,一切就正常了,顺利得到了batch.pdf...头一回帮站长debug,就碰到个这么深的bug,真心不容易,南方的冬天阴冷,敲键盘的手都要冻出冻疮了,现在的我是这样敲键盘的: ps:喜欢这款键盘的请留言 素材: 1、fread函数版本代码 2、

    30720

    3-5 使用plugins让打包更便捷

    简介 loader 被用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量。...也就是生成的index.html和源文件的html并无关系,这显然不是我们想要的效果。那么有没有办法让生成的 index.html 是根据 src 下的 index.html 内容来决定的呢。...竟然还是什么也没有。问题很明显,src引用路径报错了。原因在于3-2 使用loader打包静态资源(图片) 中,为了保证图片的引用地址正确,我们加了publicPath这一配置。...不管丢到哪里都能正常运行。但事实上,我们生成的html文件,往往和其他资源并不放在一处,另外,它们也并不都是处在同级目录,我们很可能为这些资源文件单独生成一个父目录,然后丢在其他地方。...当然,更复杂的情况是,我的js文件,css文件,图片文件,并不想放在一起。这种情况是很常见的,就比如我们的图片经常放在cdn。

    69820

    Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(四)调整 App.vue 和 router 路由

    更多内容可以参考我以前写的博文《CSS预编译技术之SASS学习经验小结》 好,调整好了我们的 App.vue 文件后,因为我们使用了 scss 文件预编译,所以我们需要安装两个支持 scss 的 npm...调整 router 路由文件 现在,这个项目还跑不起来呢,如果你运行 npm run dev 还是会出错的。因为我们还没有配置路由。...如下: npm run dev 如果你的项目没有能够顺利的跑起来,则说明你哪里写错了。在终端里面或者浏览器里面,是会告诉你出错在哪里的。 但很可能你的英文不是很好,看不懂那些提示。...没有关系,借助搜索引擎和翻译引擎,应该能够很快的排查出来,到底是哪里出错了。 另外,我是使用 Atom 编辑器来编写代码的。...但是我希望你还是能够顺利的跑起来,得到如下的结果: 如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的博文,以避免误人子弟。

    80190

    Vue3 封装出让后来者难以理解的组件,让你变得不再随时可替代

    在ui疯狂出图的前提条件下,我发现了很多轻提示和弹框dialog高度相似又要支持自定义,便开始了封装之路。...,不过,我相信小伙伴们肯定一直写的都是函数。...$isServer是什么,说实话,在没看文档前我也不会哈哈哈。 ? image.png 通过文档中可以知道这是判断是否运行在服务器上,我们在服务器上又没有界面自然不需要了。...image.png 看到这里有人会问这个booo哪里来的,为什么在组件中没有props去接收参数也可以显示,这个就是构造器特殊的地方哈。...开始在正式项目中使用 有了前面的铺垫,我自然兴致冲冲的把自己的思路在项目中实践,突然想到自己之前挖的坑项目使用的是vue3,不确定之前写的还可不可以,先放上去试试。果然不出意外的报错了。

    49720

    如何有效报告 bug

    如果程序是需要跟另外一台电脑进行网络通信的话,你可能无法发送电脑的副本给他们,但是你至少需要告诉他们电脑的型号,以及安装的软件。 四、我这里很正常啊,哪里出错了?...我曾经跟另一个程序员一起工作,他一直在找代码中的 bug,经常找到一些他自己解决不了的 bug,然后让我帮忙解决。“ 出什么问题了? ” 我问。然而他的回答却总是一些关于他对这些 bug 的意见。...我们需要花很多的时间去寻找产生错误的地方,但是最后我们经常会花了半个钟在原本正确的代码中寻找错误,而实际上问题出在其他地方。我敢确定他肯定不敢对医生这么做。...例如:每星期出一次错,偶尔出一次错,或者在程序员面前从没有出错过,但经常会在截止日期快到的时候出现。 大多数的「间歇性故障」并不是真正的「间歇」。他们中大多数跟某些地方是有联系的。...另外,如果你可以重现错误,但程序员却不行,那么你的电脑和他们的电脑可能在某些地方是不一样的,而这个区别就是造成这个问题的原因。

    48720

    方法论:在不是太懂源码的情况下,我是怎么定位源码问题的?

    在日常开发中,我们多多少少会遇到些问题,有时候是自己的写法有错误,这时候可能就要先检查一遍,看看文档,看看是哪里的问题。...调试代码 光有决心还是没有的,得实际行动。 但一个巨大的问题摆在面前,pnpm 的代码我也没看过鸭,调个啥玩意??? 因此,第一个问题,是怎么把 pnpm 源码跑起来调试呢?...我们需要找到 wantedDependency.pref 被赋值的地方 下面又是一些经验: • 全局搜索 .pref =,是为了所有出 wantedDependency.pref = xxx 的这些代码...接下来该怎么办呢? 我们可以利用函数的调用栈,逐级往上找,调试方法跟之前一样,目标是,找到 ``wantedDependency.pref 被赋值的地方。...有较多调试经验的开发者,也可以不逐级网上找,如果觉得肯定不会在当前函数层级被赋值,可以直接跳到更深的函数调用层级中 最终,我找到了整个 wantedDependency 初始化的地方:resolveDependency

    71210

    方法论:在不是太懂源码的情况下,我是怎么定位源码问题的?

    在日常开发中,我们多多少少会遇到些问题,有时候是自己的写法有错误,这时候可能就要先检查一遍,看看文档,看看是哪里的问题。...调试代码光有决心还是没有的,得实际行动。但一个巨大的问题摆在面前,pnpm 的代码我也没看过鸭,调个啥玩意???因此,第一个问题,是怎么把 pnpm 源码跑起来调试呢?...我们需要找到 wantedDependency.pref 被赋值的地方下面又是一些经验:全局搜索 .pref =,是为了所有出 wantedDependency.pref = xxx 的这些代码全局搜索...接下来该怎么办呢?图片我们可以利用函数的调用栈,逐级往上找,调试方法跟之前一样,目标是,找到 wantedDependency.pref 被赋值的地方。...直接注意的是,它的 package.json 没有 dependencies 字段pkg 对象根据 package.json 生成,这一句代码中,由于 pkg.dependencies 不存在,因此会导致使用了锁文件的

    96020

    【入门级】从一道面试题了解js作用域及作用域链

    作用域【废话部分,有基础直接看面试题部分】 什么是作用域 啥是作用域呢,简单的说,就是变量可以生效的地方,就叫做作用域,也叫执行环境,大家也可以理解为变量可以发生作用的地方。...另外要说一点,在我们讲this的那一篇文章中说了,this是在函数调用时决定的,在函数被定义时并没有this。而作用域则刚好相反,作用域是在函数定义时决定的,跟函数在哪里被调用没有关系。...所以无论我们在哪里调用函数,都不会改变他的作用域链。 块作用域 上面我们说了,在es6之前,js中是没有块作用域的,在es6中,添加了let关键字实现了对块级作用域的支持。...进行++的操作其实都是操作的同一个变量——全局变量index,然后我们里面又用的是setTimeout,一个异步函数,虽然我们这里没有设置定时时间,但它还是一个异步函数,需要等到for循环全部结束后才会运行...答案是5个 undefined,我最开始也有点懵,为什么呢,但仔细一看其实很简单,因为setTimeout里面那个未命名函数也有自己的作用域,它接收一个参数i,其实就是在自己的作用域里定义了一个空的变量

    42910

    你的博客用不着什么JavaScript框架

    如果浏览器需要解析 296kb 的 JavaScript 代码才能显示出博客文章的列表,这就不是什么"渐进增强”,而是用错了工具。...JavaScript 是一种强大的语言,可以完成一些令人难以置信的事情,但是在开发中你很容易过早开始使用它,其实本来用 HTML 和 CSS 就够了。...用不着针对什么新的打包器来调整前端构建流程,我只需放入现有的 webpack 文件和 src 文件夹即可。使用并发包,我可以在 Eleventy 的 serve 过程中同时运行构建脚本。...例如,在 Eleventy 中没有一种优雅的方法来生成响应式图像。...黑暗模式切换——虽然我可以只用 CSS 来实现,无需访问 cookies 或本地存储,但我没办法在页面之间保持设定的值。 我是否会在不久的将来在网站上加入 JavaScript 呢?

    4.1K10

    掌握 TypeScript:JavaScript 的超能伙伴

    什么是 TypeScript(TS) TypeScript 简称TS Ts 和Js 之间的关系其实就是Less/Sass 和CSS 之间的关系 就像Less/Sass 是对CSS 进行扩展一样,TS 也是对...JS 进行扩展 就像Less/Sass 最终会转换成CSS 一样, 我们编写好的TS 代码最终也会换成JS 为什么需要 TypeScript 因为 JavaScript 是弱类型, 很多错误只有在运行时才会被发现...return a.length + b; } let res = test([1, 3, 5], 10); console.log(res); 如上呢,是正常的情况如果我第一个参数不给数组当然编译器它是不会报错的...,例如如下: function test(a, b) { return a.length + b; } let res = test(1, 10); console.log(res); 但是在运行期间会有问题运行结果如下图所示..., 变量中将来只能存储什么类型的数据,例如如下我定义一个变量,该变量我只想存储数值类型的数据该如何编写呢代码如下: let val: number; val = 123; val = "123"; val

    7110

    『Ant Design』主题定制

    在哪里可以找到这个文件呢,就是项目依赖文件夹 node_modules 中,然后找到 antd 文件夹,然后找到 dist 文件夹,然后找到 antd.less 文件,这个就是 Ant Design 的样式文件...这个时候隐藏 webpack 中那些比较复杂的配置我们就不用去接触了,只需要专注于我们自己的配置就可以了,这样就可以避免出错了。...然后运行项目,刷新一下发现没有效果: 这是为什么呢?...函数式组件在之前 React 基础系列文章中已经介绍过了,这里就不再赘述了,如果不了解的话可以去看看我之前的文章。...再来一个,我将 Link Button 也改为绿色,这个好像是文字颜色,再去官方文档找找有没有更改文字颜色的 Token 名称,然后我在文档中搜索了一下没有找到,我利用猜想加编辑工具的提示找到了我想要的

    58350

    掌握 Ant Design 主题定制实战指南

    在哪里可以找到这个文件呢,就是项目依赖文件夹 node_modules 中,然后找到 antd 文件夹,然后找到 dist 文件夹,然后找到 antd.less 文件,这个就是 Ant Design 的样式文件...这个时候隐藏 webpack 中那些比较复杂的配置我们就不用去接触了,只需要专注于我们自己的配置就可以了,这样就可以避免出错了。...然后运行项目,刷新一下发现没有效果: 这是为什么呢?...函数式组件在之前 React 基础系列文章中已经介绍过了,这里就不再赘述了,如果不了解的话可以去看看我之前的文章。...再来一个,我将 Link Button 也改为绿色,这个好像是文字颜色,再去官方文档找找有没有更改文字颜色的 Token 名称,然后我在文档中搜索了一下没有找到,我利用猜想加编辑工具的提示找到了我想要的

    8510

    2021第二期_数据挖掘班_微信群答疑笔记

    尝试写了一个函数,把每一列提取出来变成新的CSV,但是在文件名的命名上好像没办法实现自动化? file=的后面应该写引号里加文件名对不对?...,这个地方用list 还是 c呢?...列表 昨天练习里用到的mpg文件,可以view,可以根据它画图,可是在工作目录里并没有,请问这个文件在哪里呢?...想请问一下老师们 R中有没有办法模糊识别呀 就是我从两个地方下载得到的表格想要通过基因全称来合并 但是可能两边的基因全称有一点点区别 比如-变成空格这种 虽然变化很小 但是%in%就没法识别了 R中没那么智能...xy是一一对应的,去掉x的NA还要把y的NA也去掉才行 老师,为什么我这个诺模图矫正曲线画出来是这样呀? ? 老师,我这个循环哪里错了? ?

    1K30

    代码要想写得好,品位必须提一提!

    可移植(Portable) 某些程序需要在多种操作系统下运行,在这种情况下,代码的可移植性成为一种必需的能力。 要让代码具有可移植性,需要对所运行的各种操作系统底层有充分的理解和统一抽象。...不好的函数名称(Bad Function Name) 如do(),这样的函数名称没有多少信息量;又如myFunc(),这样的函数名称,个人色彩过于强烈,也没有足够的信息量。 2. ...函数不是单一目的(The Function has No Single Purpose) 如LoadFromFileAndCalculate()。这个例子是我编造的,但现实中这样的函数其实不少。...我曾说过一句比较有趣的话: “如果一个从业者告诉你,他的大部分时间都在写代码,那么他大概率不是一个高级软件工程师。” 那么,软件工程师的时间都花到哪里去了呢?软件工程师的时间应该花在哪里呢?...而如果在代码中做修改,不仅会涉及这些主要逻辑,而且会涉及那些在文档中不会出现的细小逻辑。对于一段程序来说,任何一个逻辑出现问题,程序都是无法正常运行的。 4.

    33430

    JavaScript入门(1)

    ,保证被包裹就好,因为这样浏览器才知道js从哪里开始哪里结束,要解析哪一部分语言。...这个例子中,js被插入在了body里面,运行的时候会弹出框,写着“萌兔IT”,是不是很有意思呢~ 与CSS相同,js也有着不同的引入方式,如上图则是在HTML中直接插入js语言,我们也可以将...有小伙伴一定会奇怪,在不同地方引入js有什么区别呢,这里就涉及到了js的加载顺序问题,因为js是单线程的,所以当没有特殊处理时,会按照页面的引入顺序进行加载,如果前面的js加载时间过长,就会引发阻塞了(...引入的新原始数据类型);引用类型则是通过值类型组成的复杂数据结构,包括对象(Object)、数组(Array)和函数(Function) 这里有个注意的地方,null类型代表空值,代表一个空对象指针,使用...() (6)对象创建表达式:创建一个对象并调用一个函数初始化新对象的属性。

    83620

    好代码和坏代码

    可移植(Portable) 某些程序需要在多种操作系统下运行,在这种情况下,代码的可移植性成为一种必需的能力。 要让代码具有可移植性,需要对所运行的各种操作系统底层有充分的理解和统一抽象。...不好的函数名称(Bad Function Name) 如do(),这样的函数名称没有多少信息量;又如myFunc(),这样的函数名称,个人色彩过于强烈,也没有足够的信息量。 2. ...函数不是单一目的(The Function has No Single Purpose) 如LoadFromFileAndCalculate()。这个例子是我编造的,但现实中这样的函数其实不少。...我曾说过一句比较有趣的话: “如果一个从业者告诉你,他的大部分时间都在写代码,那么他大概率不是一个高级软件工程师。” 那么,软件工程师的时间都花到哪里去了呢?软件工程师的时间应该花在哪里呢?...而如果在代码中做修改,不仅会涉及这些主要逻辑,而且会涉及那些在文档中不会出现的细小逻辑。对于一段程序来说,任何一个逻辑出现问题,程序都是无法正常运行的。 4.

    93910

    好代码和坏代码

    可移植(Portable) 某些程序需要在多种操作系统下运行,在这种情况下,代码的可移植性成为一种必需的能力。 要让代码具有可移植性,需要对所运行的各种操作系统底层有充分的理解和统一抽象。...不好的函数名称(Bad Function Name) 如do(),这样的函数名称没有多少信息量;又如myFunc(),这样的函数名称,个人色彩过于强烈,也没有足够的信息量。 2. ...函数不是单一目的(The Function has No Single Purpose) 如LoadFromFileAndCalculate()。这个例子是我编造的,但现实中这样的函数其实不少。...我曾说过一句比较有趣的话: “如果一个从业者告诉你,他的大部分时间都在写代码,那么他大概率不是一个高级软件工程师。” 那么,软件工程师的时间都花到哪里去了呢?软件工程师的时间应该花在哪里呢?...而如果在代码中做修改,不仅会涉及这些主要逻辑,而且会涉及那些在文档中不会出现的细小逻辑。对于一段程序来说,任何一个逻辑出现问题,程序都是无法正常运行的。 4.

    82620

    Genesis框架从入门到精通(4):框架的内置动作(续)

    在这篇文章的中,我将继续讲解如何使用自定义的函数、在添加动作时使用既有函数的技巧,以及怎样使用Genesis函数。...函数可以不需要参数,也可以有多个参数。在这个例子里,我设置了一个参数的“默认”值,但是在调用该函数时可以用别的值来替换它。...函数部分以右大括号“}”结束,因此php引擎知道在哪里停止。 这就是一个完整的函数了,但是你可能会想“我又不懂php,就会点html和css,这玩意对我没啥用”,就像我刚开始学的时候一样。...这比较难搞,因为有的子主题中并没有这个文件,而在Genesis中这个文件可能只有一行genesis();  怎么办呢?用动作(action)就行。我们来看看Add to Any插件。...当你使用钩子时,你也是在调用一个函数,你就是告诉在函数运行之前告诉它要在哪里运行。这意味着钩子函数可以与“普通”函数互换。

    65320
    领券