CSS(Cascading Style Sheets)樣式表中的選擇符是指定CSS規(guī)則所應(yīng)用的HTML元素的方法。選擇符可以根據(jù)元素的標(biāo)簽名,類,ID,屬性和偽類等進(jìn)行定義,是CSS中最基本的塊。
要使用選擇符,需要在CSS樣式表中定義它們。以下是一些常見的選擇符:pre {
font-family: "Courier New", Courier, monospace;
background-color: #f2f2f2;
margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
white-space: pre-wrap;
}
p {
font-size: 18px;
line-height: 1.5;
color: #333;
margin-top: 20px;
margin-bottom: 20px;
}
div.class1 {
background-color: #ccc;
color: #fff;
padding: 10px;
border: 1px solid #999;
}
#id1 {
color: #f00;
font-weight: bold;
}
以上代碼中,
標(biāo)簽定義了哪些樣式適用于預(yù)格式化文本(preformatted text),而標(biāo)簽定義了哪些樣式適用于正常文本段落。選擇符div.class1適用于帶有class為“class1”的
元素,而#id1選擇符適用于ID為“id1”的元素。 選擇符可以進(jìn)行組合,以便更精確地指定特定的元素。例如,div.class1 p選擇符適用于class為“class1”的元素內(nèi)的元素。 除了基本的選擇符外,還有各種偽類和偽元素可以用于更具體的選擇。例如,:hover偽類適用于鼠標(biāo)懸停在元素上時的樣式,而::before偽元素可以添加內(nèi)容到元素的前面。 CSS選擇符是Web開發(fā)中最基本的概念之一。掌握選擇符的使用方法可以為網(wǎng)頁的樣式和布局提供有效的支持。