css 超过多少行不生效

在编写CSS样式表时，我们会经常遇到一些奇怪的问题，比如一些样式不起作用，或者说只有一部分生效。这很可能是 CSS 行数超过了某个限制导致的。

具体来说，不同的浏览器对 CSS 文件中代码行数的限制不同。例如，IE6对每个样式表的限制是4096行，而 Firefox 的限制是65535行，不过也有人说过它其实没有限制。总的来说，如果 CSS 文件超过了几千行，就很可能会遇到这个问题。

当 CSS 文件超过某一行数限制时，可能会导致浏览器只解析部分样式，而忽略后面的部分。这样就会出现一些样式没有生效的问题，或者说整个样式表根本没有起作用。

/* 示例代码 */
body {
  background-color: red;
}

/* 重复1到n次 */
...

body {
  color: white;
}

/* 重复1到n次 */
...

上面的代码示例中，你可以看到，我们在样式表中把某一样式规则代码行重复了多次。这会导致 CSS 样式表在某个浏览器中不能正确加载和解析，从而产生各种不可预料的行为。

为了避免这个问题，我们可以考虑重新组织 CSS 样式表，把冗余和重复的样式规则删去或合并，以减少样式表的行数。另外，我们也可以使用工具来压缩 CSS 文件，以尽可能地减小文件大小和行数。

总之，当你遇到 CSS 样式表不生效的问题时，除了检查样式规则本身是否正确，也要考虑是否超过了一定行数的限制。如果超过了限制，就要重新组织样式表或者使用工具来压缩 CSS 文件。