溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關CSS中的屬性選擇符和結構化偽類是怎樣的，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
屬性選擇符
屬性名選擇符
格式：標簽名[屬性名]
示例：
CSS Code復制內容到剪貼板
img[title] {border:2px solid blue;}
提示：一般來說，人們經常給 alt 和 title 屬性設定相同的值。 alt 屬性中的文本會在圖片因故未能加載時顯示，或者由屏幕閱讀器朗讀出來。而 title 屬性會在用戶鼠標移動到圖片上時，顯示一個包含相應文本的提示。
屬性值選擇符
格式：[屬性名="屬性值"]
示例：
CSS Code復制內容到剪貼板
img[title="red flower"] {border:4px solid green;}
說明：在 HTML5 中， 屬性值的引號可加可不加，在此為了清楚起見，建議添加。
結構化偽類
結構化偽類可以根據標記的結構應用樣式，比如根據某元素的父元素或前面的同胞元素是什么。
first-child和:last-child
格式：
CSS Code復制內容到剪貼板
e:first-child
e:last-child
示例：
CSS Code復制內容到剪貼板
ol.results li:first-child {color:blue;}
nth-child
格式：
CSS Code復制內容到剪貼板
e:nth-child(n)
示例：
CSS Code復制內容到剪貼板
li:nth-child(3)
說明：e 表示元素名，n 表示一個數值（也可以使用 odd 或 even）
看完上述內容，你們對CSS中的屬性選擇符和結構化偽類是怎樣的有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
