做前端的同学们都知道，css 是一种用于网页样式设计的语言，虽然看上去很简单，但它却经常让我们头痛不已。

首先，CSS 的兼容性问题经常让我们头疼。不同的浏览器对于 CSS 属性的实现方式不同，比如 IE 和 Chrome 对于某些属性的支持就会有所区别，导致我们在编写页面样式时要花费额外的精力去做兼容性处理。

body {
background-color: #f5f5f5;
/* IE */
background-color: rgba(245, 245, 245, 1);
/* Chrome */
}

其次，CSS 的层叠性和选择器的优先级也经常让我们头疼。当我们的样式表中有多个样式设置针对同一个标签时，如何判断优先级？这就需要我们对 CSS 选择器的优先级进行了解，然后进行权重比较，才能决定哪个样式更加优先。

/* 样式表1 */
p {
font-size: 14px;
color: #333;
}
/* 样式表2 */
p {
font-weight: bold;
color: red;
}

最后，CSS 的语法不严谨也是一个头疼的问题。虽然 CSS 看上去很简单，但它的语法也并不是那么严谨，在一些特殊情况下，语法错误就容易出现。比如当我们设置了一个元素的宽度时，同时又将这个元素的内边距和边框宽度设置成一定值，此时这个元素可能会变得比我们想象中要宽。

.box {
width: 200px;
padding: 20px;
border: 1px solid #ccc;
}

总之，CSS 的头疼问题还是比较多的。所以我们需要认真对待每一行 CSS 代码，同时也要加深对于 CSS 的理解，只有这样才能更好地应对各种问题。