CSS文件未生效

29 浏览
0 Comments

CSS文件未生效

我一直在使用CSS文件开发这个应用程序，但最新的文件却无缘无故地无法工作，文件已导入，ID是正确的，它在同一个目录下，但还是无法工作。\n以下是组件的代码：\n

import React from "react";
import "./allShows.css"
export default class allShows extends React.Component{
    constructor() {
        super();
    }
    render() {
        return(
            
                    dw
            
        )
    }
}

\n以及CSS的代码：\n

#2header{
    height: 100px;
    background-color: #555353;
}

\n有什么想法吗？

0

1 答案

0 Comments

问题原因：CSS文件中的选择器不能以数字开头。

解决方法：可以将选择器中的数字删除、更改数字或使用转义字符对数字进行转义。对于id="2header"，可以尝试使用以下代码：

#\32 header {
  /* 在这里添加样式 */
}

可以阅读以下链接获取更多信息：https://medium.com/front-end-weekly/css-selector-for-element-which-have-numbers-as-class-name-b6a089989199

补充说明：ID可以采用各种形式，没有其他限制，可以仅由数字组成、以数字开头、以下划线开头、仅由标点符号组成等。具体可参考：html.spec.whatwg.org/multipage/dom.html#the-id-attribute

请记得接受答案以标记问题已解决。谢谢！

如果这个问题是一个重复问题，应该将其关闭。如果不是，至少应该对这个答案进行一些解释。

我已经编辑了答案，谢谢！

0