在CSS中,冒號(hào)是一個(gè)非常重要的符號(hào),在選擇器中有多種用途。
/* 第一種用法,偽類(lèi)選擇器 */ p:first-child { color: red; } /* 第二種用法,屬性選擇器 */ input[type="text"] { border: 1px solid #ccc; } /* 第三種用法,偽元素選擇器 */ p::first-letter { font-size: 2em; }
在第一種用法中,冒號(hào)后面跟著偽類(lèi)選擇器,用于選擇一些特殊的元素。比如:first-child表示選擇每個(gè)父元素的第一個(gè)子元素。在此例中,我們給所有p標(biāo)簽的第一個(gè)子元素設(shè)置紅色。
在第二種用法中,冒號(hào)后面跟著屬性選擇器,用于選擇具有某些屬性值的元素。比如[type="text"]表示選擇屬性type為"txt"的元素。在此例中,我們給所有的元素設(shè)置一個(gè)灰色邊框。
在第三種用法中,冒號(hào)后面跟著偽元素選擇器,用于選擇元素的某個(gè)部分。比如::first-letter表示選擇每個(gè)元素的第一個(gè)字母。在此例中,我們將每個(gè)p元素的第一個(gè)字母設(shè)置為2倍大小。