javascript - CSS文件不起作用
问题描述
我已经用css文件在这个应用程序上工作了一段时间,最新的一个无缘无故根本不起作用,文件被导入,id是正确的,它在同一个目录中并且它不起作用。
这是组件的代码
import React from "react";
import "./allShows.css"
export default class allShows extends React.Component{
constructor() {
super();
}
render() {
return(
<React.Fragment>
<div id="2header">
dw
</div>
</React.Fragment>
)
}
}
和CSS
#2header{
height: 100px;
background-color: #555353;
}
有任何想法吗?
解决方案
从 id 中删除数字。
css 中的选择器不能以数字开头。您可以更改 css 文件中的数字或转义数字。
您可以使用 \3 或 \00003 转义数字
对于 id='2header' 你可以试试:
#\32 header {
/* styles here */
}
推荐阅读
- javascript - 使用 api 显示列表的 Angular 8 问题
- html - Google Drive 和翻译脚本
- google-apps-script - 是否可以动态更改 gmail 插件图标?
- java - 如何使用外部映射将 json 转换为 json
- sql - TSQL - 每天返回前 10 名客户
- javascript - AngularJS 日期过滤器添加了意外的时区偏移量?
- flutter - 在颤动中更改语言后如何刷新应用程序当前屏幕?
- html - 如何在 Vue js 中将相对图像 url 转换为绝对图像 url?
- sql - SQL Server 首先按 ParentID 排序,然后是 Child
- swift - 获取 SCNNode Swift 的方向