CSS的選擇器是一種用于定位并作用于HTML元素的方法。CSS選擇器可以根據元素的類型、屬性、位置、狀態等條件來選擇元素。
/* 根據元素類型選擇 */ p { font-size: 16px; } /* 根據元素屬性選擇 */ a[href^="http"] { color: blue; } /* 根據元素位置選擇 */ ul li:first-child { font-weight: bold; } /* 根據元素狀態選擇 */ input:focus { border: 2px solid red; }
除了常見的選擇器外,還有偽類和偽元素。它們是一種特殊的選擇器,用于選擇元素的狀態或具體位置。
/* 偽類:選擇元素的狀態 */ a:hover { text-decoration: underline; } /* 偽元素:選擇元素的位置或內容 */ p::first-line { font-weight: bold; } p::before { content: "提示:" }
總的來說,CSS選擇器、偽類和偽元素是非常有用的工具,可以幫助我們實現各種復雜的樣式效果。
上一篇刷新頁面css丟失