CSS (層疊樣式表)是一種用于網頁布局和樣式的語言，然而，作為一個程序員，我們會不經意間給CSS起一些不太光彩的綽號，比如“罵人的語言”。

.oh-my-god {
display: none !important;
}
.wth {
background-color: pink;
}
.ugly-and-old {
font-size: 12px;
}
.what-is-this {
cursor: crosshair;
}
#kill-me-now {
margin-top: -9999px;
}

看看這一堆奇奇怪怪的類名和屬性，你會不會也覺得CSS很麻煩，細節滿滿，像個大坑？不過，讓我們來拆解一下這些代碼（雖然有點想死）。

首先，.oh-my-god這個類名就夠表達我們對CSS的感受了。但這個類有什么用呢？聽名字就很可怕，實際上是把一個元素的display屬性設為none，表示此元素不可見。而且為了防止別的樣式給它設值，我們還要加上!important。

接下來是.wth，這個類名顯然是“What the hell”的縮寫，調用它以后，文本框的背景色會變成粉色。顏色是個很頭痛的問題，有時候為了找到適合的顏色，我們要拼命測試，而這種屬性名縮寫或許就是我們的發泄方式。

.ugly-and-old這個類名表示字體大小為12px，是今年不太吃香的字號。有時候我們發現樣式從其他地方繼承來的時候，要讓它干點正事就需要加上這種類名，用以覆蓋之前的樣式。

.what-is-this，這個類名也許是對不知道什么鬼樣式的辱罵。cursor: crosshair表示鼠標指針可以變成十字線，通常用于截圖、選區等交互操作。但是如果不記得這種用法，可能要到 MDN 才能找到，結果就是被眼前的代碼難住，絕望。

最后，#kill-me-now這是一個把元素往上挪的類名。雖然看上去挺暴力，但是如果我們要實現類似于滾動效果的時候，也許就需要它，確保讓MDZZ無法出現在頁面上。

總之，CSS是一門讓我們又愛又恨的語言。但是靠這些奇奇怪怪的名字去發泄，其實也是解壓自己的一種方式，等你做到鑒別真正的需求和無理取鬧的心態時，就已經趨近于TODO List之神了。