Javascript為元素添加樣式
exp |
iat |
id function |
identity |
JavaScript |
mean |
sin |
tile
Michael Zippo
將 CSS 類與 ID 進行比較時,區別在於 CSS 類將樣式應用於多個元素。另一方面,ID 將樣式應用於單個元素。 ID 也很特殊,您可以使用特殊的 URL 直接鏈接到一個元素,並由 JavaScript 使用。
CSS ,選擇器用於定位網頁上的特定元素或多個元素。一旦一個元素被定位,一個樣式或一組樣式就可以應用到元素上。
有多種選擇器可用。最常用的兩個是
和 ID
。兩者都用於定位具有標題的項目。
和ID選擇器
有什麼區別n
標籤>和ID?這是許多 CSS 新手提出的問題,我們將在本指南中回答。
當您閱讀完本指南時,您將知道這兩個選擇器之間的區別。您將獲得所需的信息,以便對在代碼中使用哪個選項做出明智的決定。讓我們開始吧。
CSS 選擇器
一個網頁,您想將某些樣式應用於頁面的特定元素。例如,您可以將所有
標籤的文本顏色設置為綠色或更改標題字體大小。
選擇器允許您定位網頁上可以應用樣式的特定元素。 CSS 中有很多可用的選擇器,例如通用選擇器、後代選擇器、子選擇器和分組選擇器。如果您想了解更多關於 CSS 選擇器的信息,請閱讀我們的 CSS 選擇器初學者指南。
兩個選擇器,
和id
, 分別用於基於分配給 HTML 元素的類和 ID 的樣式元素,但這些選擇器經常令人困惑,因此我們將探討每個選擇器的作用。
div> id 選擇器是唯一的
id 選擇器允許您定義適用於網頁上單個元素的樣式規則。每個網頁只能有一個帶有單個<的元素一個 ID 屬性。這意味著 ID 選擇器永遠不能用於設置多個元素的樣式。
ID 選擇器使用井號定義。它們後面緊跟標識值您想應用一組樣式規則。下面是一個實際的身份選擇器示例:
這種樣式適用於我們的HTML文檔中id為betaBanner的
元素。該樣式會將元素的背景顏色設置為橙色,將元素中的文本顏色設置為白色。
類選擇器不是唯一的
類選擇器允許您定義適用於 any 的樣式規則元素 具有等於某個值的類屬性。
如上所述 - 標識選擇器不能用於元素樣式。事實上,ID 在一個網頁上只能使用一次。另一方面,課程可用於多個元素。因此,如果您使用類選擇器應用樣式,則共享該類的任何元素都將受制於您定義的樣式。
類選擇器使用句點定義,後跟要使用的類的值你想應用一組樣式。下面是類選擇器的示例:
。 .orangeBackground {背景顏色:橙色; } Pre>