为什么浏览器会忽略我CSS文件中的第一个选择器？
约翰
今天，我为这个问题战斗了几个小时，以为我会分享这个问题和解决方案。该解决方案可以帮助进行一些搜索：
- 为什么浏览器会忽略我CSS文件中的第一个选择器？
- 为什么浏览器会忽略CSS文件中的第一行？
- 为什么浏览器会忽略通用选择器？
我不相信自己接触过Web项目的CSS，但是我一直在进行一些更新，并更改了一些配置。突然之间，样式变了。使用浏览器中的检查器，我发现未应用我的CSS重置。
我的CSS文件开头为：
* {box-sizing:border-box;font-size:100%;line-height:1.5em;font-family:'Open Sans', sans-serif;vertical-align:baseline;word-wrap:break-word;word-break:break-word;margin:0;padding:0;border:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
我已经发现不是通用选择器被忽略了……因为如果在其html {};上面添加一行，通用选择器将再次变为活动状态。
我认为这可能是被忽略的第一行...所以我改为html {};注释行...然后下一行的第一个选择器不再起作用。
约翰
CSS文件已以某种方式保存，从字节顺序标记开始。
这在Visual Studio Code或vim中不可见，但在Chrome的检查器中却微妙可见： 
作为第一行第一个字符的红点是字节顺序标记。在检查器中对其进行编辑解决了该问题（针对该负载实例）。
我不确定如何将其隐藏到一个文件中...但是用vim删除很简单：
- 在vim中打开文件：
vim <filename> - 删除物料清单
:set nobomb - 保存并退出：
:w:q
希望这可以帮助其他人节省一些时间！
注意：文件提供的方式可能是问题所在。它由Drupal使用输出print file_get_contents();，并且可能在BOM表之前插入了一个额外的换行符。也许，如果BOM表实际上是第一个字符，那还好吗？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么只有第一个CSS选择器起作用？
- 2
CSS .less文件中的第一个选择器
- 3
为什么CSS选择器仅设置第一个匹配的svg路径的样式
- 4
使用CSS选择器从嵌套元素中获取第一个孩子
- 5
CSS 选择器 - 选择所需选择的第一个选项
- 6
用于选择元素的第一个直接子元素的CSS选择器是什么？
- 7
获取选择器中的第一个和最后一个对象
- 8
CSS选择器选择第一个孩子，然后排除孙子？
- 9
浏览器是否忽略CSS选择器？
- 10
CSS选择器-同一组中具有Class的第一个元素
- 11
使用CSS选择器在标签中的第一个范围内插入冒号后
- 12
使用第一个孩子的CSS伪选择器
- 13
：第一个子CSS选择器未定位正确的元素
- 14
第一个TD的CSS选择器，但包含colspan时除外
- 15
类的第一个元素的CSS选择器
- 16
CSS选择器第一个孩子的正确用法
- 17
CSS选择器第一个孩子不起作用
- 18
SASS / CSS ：：第一个子选择器不起作用
- 19
css 结构选择器：第一个孩子
- 20
当我在他们的浏览器中对其进行测试时，为什么我的网址会转到一个空的登录页面？
- 21
第一个applet-浏览器中的Null Point异常？
- 22
CSS选择器，选择一个类，但该类的第一个匹配项除外
- 23
如何在浏览器中使用一个驱动器文件选择器？
- 24
如何在浏览器中使用一个驱动器文件选择器？
- 25
在特定选择器中附加 div 并获得第一个
- 26
通过CSS选择器选择所有HTML中的标记的第一个和最后一个出现
- 27
通过CSS选择器选择所有HTML中的标记的第一个和最后一个出现
- 28
为什么删除 Firefox 会安装另一个浏览器？
- 29
为什么boost :: python迭代器会跳过第一个元素？
我来说两句