在css中选择器失效问题解决方法

今天写前台的时候发现一个问题,我的css文件中id选择器失效了,前台页面F12控制台中也没有对应的css内容,很是奇怪,内容是这样的:

  • html文件中:
    在css中选择器失效问题解决方法_第1张图片
  • css文件中:
    在这里插入图片描述
  • 前台:
    在css中选择器失效问题解决方法_第2张图片
    那,真的是空空如也哈,后来找了下资料,发现,原来是我的命名有问题!我的id是数字开头的,emmm,犯了个很低级的错误~

记录下命名规则,如果有和我一样错误的小伙伴可要记住了 hhhh

  • 只能由字母、数字、下划线和美元符号组成
  • 首字母必须是字母或下划线

你可能感兴趣的:(css,选择器失效)