css书写错误的造成的bug

请问:

  1. css代码会报错吗?比如某个属性名或属性值书写错误,或者是样式没有写在选择器中

    1.错误
    div{
       width:pink;
       display:noner;
    }
    
    2.错误
    overflow:hidden;
    div{
       width:100px;
    }
  2. 如果css出现错误,控制台会有提示吗?
  3. css出现错误,错误后面的代码会全部终止执行吗?

我测试的结果是:

  1. 如果只是选择器内的属性书写错误,不会报错,下面的代码正常执行
  2. 如果属性没有写在选择器内,不会报错,错误代码的下一个选择器内部的代码不会执行,其余的正常。

希望可以有人帮我好好分析分析这个css底层的基础。

阅读 2.4k
1 个回答

会报错 右侧style会有感叹号 1.一个{}中某个属性或值写错,有分号的情况下 只有写错的这个不能渲染,如果没写分号,从写错这个开始到下一个分号之前都不能渲染 2.属性写在{}外边会影响下一个{},其他无影响图片描述

推荐问题