Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
浏览器和开发工具正在忽略css_Css_Vue.js - Fatal编程技术网
Fatal编程技术网
  • css/
  • 浏览器和开发工具正在忽略css

浏览器和开发工具正在忽略css

css vue.js

浏览器和开发工具正在忽略css,css,vue.js,Css,Vue.js,使用Chrome和Firefox，出于某种原因，某些css被忽略了。在devtools中，它也不显示为css规则 以下内容以相关颜色显示，带或不带.e-rowcell前缀。另外，在dev tools->styles中检查此元素时，我从文件中看到了相关的css样式 .e-rowcell.received { color: #66DA26 !important; } <div data-v-72a15e66="" class="e-rowcell received">bla

使用Chrome和Firefox，出于某种原因，某些css被忽略了。在devtools中，它也不显示为css规则

以下内容以相关颜色显示，带或不带.e-rowcell前缀。另外，在dev tools->styles中检查此元素时，我从文件中看到了相关的css样式

.e-rowcell.received {
    color: #66DA26 !important;
  }

<div data-v-72a15e66="" class="e-rowcell received">blah blah</div>

.e-rowcell.received{
颜色：#66DA26！重要；
}
废话
对于上述相同的css，以下显示的颜色不正确。它位于表格/网格的单元格内。在dev工具中检查此元素时，我在列表中没有看到它

<td class="e-rowcell received" role="gridcell" tabindex="-1" aria-label="$16.24 column header Feb" aria-colindex="2" index="7" style="text-align: center;">$16.24</td>

16.24美元
我知道这不是很多信息，但我不知道为什么这样做是为了添加更多相关数据。让我知道要查找什么，我会添加更多信息

换句话说，即使正确定义了classB，为什么浏览器会忽略下面代码中的classB？
谢谢

当您在组件的样式上使用
作用域
属性时，生成的css规则也会引用
data-v
属性值，如果您有要应用于组件子级的css，则可能会导致问题

您可以删除
范围
属性，或者如果可能，将样式移动到子组件中

您可以提供一个示例来说明问题吗？我做了，但是div和表都以相同的颜色显示。您的样式中有
范围
属性吗？当您使用
作用域
时，生成的css规则也会引用
data-v
属性值，如果您有要应用于component@arieljuod，你是最棒的！请将您的评论作为答案发布，以便我可以接受，谢谢！谢谢谢谢谢谢