寫 CSS 最痛苦的是要搞定一堆 browser bugs ，其次就是要面對 CSS 不是 programming language 這現實，不存在其他程式語言常見的 變數、運算、繼承 等概念，使原本簡單的工作變得冗長，並且使維護工作變得麻煩。

less 的出現便是為了解決這個問題：在現有 CSS syntax 的基礎上，為 CSS 加入程式語言的特性，包括變數、scope、nested rules、運算、繼承。

CSS 在各個瀏覽器呈現多少有點差異, 於是就有 CSS Hack 產生, 主要用在瀏覽器的微調, 可見: CSS 處理不同瀏覽器畫面錯亂問題.

除了 *, _ 等, 還有其它的 Hack, 在各種瀏覽器的運作狀況如何呢?

從 DOM 技術的角度看，網頁中每一件物件都是「箱」狀的，一段文字、一幅圖像、一個連結，它們的長度、闊度、位置等等都可以由 CSS 控制，若果你沒有設定箱子的大小，它會隨著內容的多寡而自行調整，確保容納並顯示所有內容，但若果箱子的大小被限制了，卻又無法容納所有內容的時候，這時 便是 CSS 的 overflow 屬性發揮作用的時候。

CSS Tricks 網站上 Chris Coyier 有一篇文章介紹 CSS 的 overflow 屬性，文章說，Overflow 的值可以是：visible (預設)、hidden、scroll 及 auto，它還有兩個「姊妹」屬性 overflow-x 及 overflow-y，但不是所有瀏覽器都支援。

驟眼看來 Object Oriented CSS 好像不過是另一個 CSS Grid，但背後有其一道哲學，就是以 Object Oriented 的方式去寫 CSS (廢話)，著重的是可以通過 code reuse，來分隔結構與皮膚、容器與內容。

可是這怎樣可以達成呢？CSS 本身並沒有所謂 Object 概念，其主要靠的是 Cascade，將 CSS Rules 一路堆疊下去。在這裏可以模擬到一點「繼承」特點，在同一個 tag 上使用多個 class (其實是 composition)。不過要真正做到很有規則，就要靠「自律」：自訂一些規則、實踐方法去跟從。

迄今為止，在這一章中所舉到的例子都是通過在主要樣式表中改變極少的屬性來創建替代樣式表。難道我們真的需要創建一個新的樣式表版本來替代嗎，還是只改變那些需要改變的?

上述解決替代式樣式表的方法對那些使用支援樣式表流覽器的用戶很好用，但對其他用戶呢？Internet Explorer中擁有最大的用戶群，它不支援所有的替代樣式表。我們怎樣使那些用該流覽器的用戶和其他流覽器的用戶都可以選到最適合他們需求的樣式表呢？

一些現代流覽器允許用戶查看樣式表的目錄所附檔，並選擇一個他們想要使用的，以查看該網站。這一設施對努力讀取文本的人是非常有益的，如該網頁網速很慢，或需要一個非常大的文字大小。

解決方案 

用rel="alternative stylesheet"連接你的可選擇性樣式表並給它一個描述性的主題。標題將在流覽器的功能表中顯示，所以使用描述性的主題，如“high contrast”或“large text”對用戶是有很大的幫助的。您還應該給您的默認樣式表一個標題，以區別於可選擇樣式表

打開現有的主要樣式表並保存為print.css ，使之成為您的列印樣式表。為您的檔與列印媒體類型鏈結樣式表，像這樣:

  

創建列印風格

如果您已經保存您現有的樣式表為print.css ，您可以使用它來決定哪些需要改變，以創建列印樣式表。

網頁列印很少，作為技術旨在使一個網頁在螢幕上好看，通常是不同於用於創建一份檔以及列印的。然而，它可能使用CSS媒體類型提供一個樣式表，適用於該檔被印刷時。

解決方案

我們可以為訪客創建特殊的列印樣式表，如：

CSS允許我們隔開介紹網站檔的結構和內容。這也就意味著訪客不能改變網站的設計風格。要麼是因為他們技術有限，如一些PDF和手機用戶，要麼是他們自身的優勢所導致的，如造福視障用戶的螢幕讀卡機仍然可以存取內容。然而，我們仍然可以為那些使用可支援CSS流覽器的用戶創造出更美的設計。

 

當隔開內容和結構以及考慮如何最好的設計基本檔的結構時，也就意味著使用不支援CSS的螢幕讀卡機和流覽器的用戶會更容易地理解你的網站。但你還需要瞭解其他那些可以看到你網站的設計又有無障礙環境需要的用戶。僅使用CSS來完成佈局目標並不能使每個人都喜歡你的網站。舉個例子，那些遭受某種程度視力喪失的人可以閱讀可被放大的文本。本章還包括使用替代樣式表，針對不同媒體的樣式表和基於JavaScript幫助下的流覽器。