當您設計一個網站時,您可能希望 - 成為用戶激活元素時的樣式。例如,您可能希望在用戶單擊按鈕或鏈接時更改按鈕或鏈接的顏色
CSS 偽類在以下位置可用:。積極的。 active 偽類允許您選擇已被用戶激活的元素,您可以對其應用樣式
本教程將通過示例討論暱稱的基礎知識。 CSS 類以及如何在代碼中使用活動的偽類。到本教程結束時,您將熟練使用 active 偽類
CSS 偽類
在 CSS 中,選擇器用於選擇。要應用樣式或一組樣式的元素。例如,選擇器允許您選擇網頁上的所有
當您設計一個網站時,您可能希望 - 成為用戶激活元素時的樣式。例如,您可能希望在用戶單擊按鈕或鏈接時更改按鈕或鏈接的顏色
CSS 偽類在以下位置可用:。積極的。 active 偽類允許您選擇已被用戶激活的元素,您可以對其應用樣式
本教程將通過示例討論暱稱的基礎知識。 CSS 類以及如何在代碼中使用活動的偽類。到本教程結束時,您將熟練使用 active 偽類
在 CSS 中,選擇器用於選擇。要應用樣式或一組樣式的元素。例如,選擇器允許您選擇網頁上的所有
active 偽類通常與 和 <> 按鈕元素一起使用,例如,可以使用。偽活動類,用於在用戶單擊時將鏈接的顏色更改為紅色,或在單擊按鈕的背景色時更改為藍色。
一旦用戶停止單擊某個項目,該項目將不再被“啟用”。因此,活動選擇器不會選擇該項目。當用戶退出點擊一個元素時
展示了兩個例子來說明如何使用偽類:活動
假設您正在為當地的紙牌遊戲俱樂部設計一個網站,我們受委託創建一個“關於 oni”頁面,其中包含指向 aw 頁面 eb 的鏈接俱樂部成員玩的紙牌遊戲列表。
默認情況下,此鏈接應顯示為淺藍色。單擊此鏈接時,文本顏色應變為橙色。為此,我們可以使用偽類:active。這是我們通過單擊鏈接來更改文本顏色的代碼:
我們的代碼返回:點擊 noscript> 按鈕在代碼編輯器中顯示 - 上面可以看到我們的 HTML / CSS
在我們的 HTML 文件中,我們使用
標記定義了一段文本,描述了紙牌遊戲棋盤俱樂部奇才的歷史。在我們的
標記中,我們有定義了一個鏈接到“games.html”頁面的標籤,當用戶點擊“點擊這裡”文本時觸發。
在我們的CSS代碼中,我們指定了兩個樣式規則。首先,我們指定了一個規則,將所有 標籤的文本顏色設置為淺藍色。因此,我們使用 selector:asset 定義了一個規則,它將所有活動 標籤的文本顏色設置為橙色。換句話說,此規則會在用戶單擊鏈接時更改鏈接的顏色。
我們一直在為遊戲俱樂部棋盤的奇才卡開發一個模塊,該模塊允許人們顯示他們對俱樂部的興趣。
在表格的最後,我們要創建一個按鈕at 說“提交您的興趣”。單擊此按鈕時,應在按鈕周圍應用 3 像素寬的橙色邊框
我們可以使用以下代碼創建此按鈕:
我們的代碼返回:點擊 noscript> 按鈕在代碼編輯器中顯示 - 上面可以看到我們的 HTML / CSS 代碼
讓我們分析一下我們的代碼。在我們的 HTML 文件中,我們使用按鈕 <> 標籤定義了一個按鈕。此按鈕包含文本“提交您的興趣。
在我們的 CSS 樣式表中,我們定義了一個規則,當用戶觸發時,該規則適用於按鈕 <> 標籤。這條規則在我們的按鈕周圍創建了一個 3 像素寬的實心邊框。我們使用.活動選擇器僅在按鈕處於活動狀態時應用此規則
因此,如果我們單擊按鈕,則會出現橙色邊框,一旦我們停止單擊按鈕,邊框就會消失
p>CSS: 偽活動類允許您在元素處於“活動”狀態時選擇一個元素,一旦您選擇了一個活動元素,您就可以將一個樣式或一組樣式應用於該元素
:活動偽類通常與 和 找到你的 Bootcamp 比賽
Latest questions