在網頁設計中，CSS是一個非常重要的技術，它可以用來控制網頁的樣式和布局。而在CSS中，排名表是一個非常有用的工具，可以幫助我們更好地理解樣式的優先級。

選擇器                        權重值
-------------------------------------
!important                   ∞ 
行內樣式(style)               1000
#id                          100
.class                       10 
* , 還有 屬性選擇器           1

如上所示的是CSS的排名表，它將不同的選擇器根據它們的權重值進行了分類。其中，!important的權重值最高，為無窮大，可以覆蓋所有的樣式；行內樣式的權重值為1000，優先級也非常高，只有! important可以覆蓋它；id選擇器的權重值為100，表示只要有一個id選擇器，它的權重值就會高于其他選擇器；class選擇器的權重值為10，表示只要有一個class選擇器，它的權重值就會高于*、屬性選擇器等選擇器；最后，*、屬性選擇器的權重值都是1，表示它們的優先級最低。

排名表的作用在于，它可以幫助我們更好地理解CSS樣式的優先級。在編寫CSS樣式時，我們要知道哪些選擇器的優先級較高，哪些選擇器的優先級較低，這樣就可以更好地組織CSS樣式，避免樣式沖突，確保網頁樣式的正確顯示。