在CSS中，有很多屬性可以用來(lái)設(shè)定如何顯示圖片，而這些屬性都有各自的權(quán)值。權(quán)值的作用是確定各個(gè)屬性在設(shè)置上的先后順序，以及其優(yōu)先級(jí)。 CSS中的圖片顯示權(quán)值主要包括以下三個(gè)方面： 1. 元素選擇器的優(yōu)先級(jí) 在CSS看來(lái)，不同的選擇器對(duì)同一元素的樣式定義是有優(yōu)先級(jí)順序的。而元素選擇器的優(yōu)先級(jí)是最低的，即無(wú)論是什么元素，使用元素選擇器定義的樣式最后被加載。 例如，下面的CSS代碼樣式中，段落元素上使用了背景圖片，但是通過(guò)元素選擇器來(lái)定義背景圖片并不會(huì)生效。 ``` p { background-image: url('example.jpg'); } ``` 2. 類選擇器和屬性選擇器的優(yōu)先級(jí) 在CSS中，類選擇器和屬性選擇器的優(yōu)先級(jí)比元素選擇器高，按照CSS定義的規(guī)則進(jìn)行優(yōu)先級(jí)的計(jì)算。因此，如果在樣式表中存在多個(gè)使用類選擇器或?qū)傩赃x擇器定義的背景圖片樣式，那么最后默認(rèn)加載權(quán)值高的樣式。 例如，下面的CSS代碼樣式定義背景圖片，并使用了類選擇器和屬性選擇器，其權(quán)值較高，因此被優(yōu)先加載。 ``` .my-class { background-image: url('example.jpg'); } p[data-text] { background-image: url('example2.jpg'); } ``` 3. ID選擇器的優(yōu)先級(jí) 在CSS中，ID選擇器的優(yōu)先級(jí)最高，即無(wú)論在樣式表中有多少個(gè)使用了其他選擇器的樣式定義了背景圖片，只要存在使用了ID選擇器定義背景圖片的樣式，就會(huì)被最后生效。 例如，下面的CSS代碼樣式使用了ID選擇器來(lái)定義背景圖片，因此這個(gè)樣式會(huì)被加載并顯示為段落的背景圖片。 ``` #my-paragraph { background-image: url('example.jpg'); } ``` 總的來(lái)說(shuō)，CSS中的圖片顯示權(quán)值本質(zhì)上是確定選擇器在樣式表中被加載的先后順序，從而實(shí)現(xiàn)優(yōu)先級(jí)樣式的加載。本文介紹的三種選擇器的權(quán)值順序也是我們?cè)诰帉慍SS時(shí)需要注意優(yōu)先級(jí)順序的重要依據(jù)。