分組選擇器, 將一個樣式應用於多個類,或者標簽啥的 每個選擇器用逗號隔開 View Code 結果如下 嵌套選擇器 它可能適用於選擇器內部的選擇器的樣式。 在下面的例子設置了三個樣式: p{ }: 為所有 p 元素指定一個樣 ...
一 通用選擇器 通用選擇器可能是所有選擇器中最強大的,卻使用最少的。通用選擇器的作用就像是通配符,它匹配所有可用元素。通用選擇器由一個星號表示。通用選擇器一般用來對象頁面上所有元素應用樣式 例如:可使用,以下規則刪除第個元素上的默認的空白邊界 二 分組選擇器 分組選擇器不是一種選擇器類型,而是一種選擇器使用方法。當多個對象定義了相同的樣式時,就可以把它們分成一組,這樣能夠簡化代碼。 分組選擇器,可 ...
2015-04-17 00:11 0 3557 推薦指數:
分組選擇器, 將一個樣式應用於多個類,或者標簽啥的 每個選擇器用逗號隔開 View Code 結果如下 嵌套選擇器 它可能適用於選擇器內部的選擇器的樣式。 在下面的例子設置了三個樣式: p{ }: 為所有 p 元素指定一個樣 ...
: ‘ ’ 空格,后代選取器, '>' 大於號,子元素選擇器 ‘+’ 加號,子元素選擇器 ‘~' 破折號 ...
目錄 通用選擇器 高級選擇器 子選擇器 相鄰兄弟選擇器 屬性選擇器 通用選擇器 通用選擇器可以選擇頁面上的所有元素,並對它們應用樣式,用 * 來表示。 語法: 示例: 這行代碼可以刪除每個元素在瀏覽器中 ...
目錄 通用選擇器 高級選擇器 子選擇器 相鄰兄弟選擇器 屬性選擇器 通用選擇器 通用選擇器可以選擇頁面上的所有元素,並對它們應用樣式,用 * 來表示。 語法: 示例: 這行代碼可以刪除每個元素 ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> /*相鄰兄弟選擇器*/ /*h1 + p ...
1.>(子選擇器) #a>p{ // 使用 > 號,讓選擇器選擇id="a"的所有子類(直接子類) 結果: 2.+(相鄰選擇器) h1+p,選擇緊接在另一個元素后的元素,而且二者有相同的父元素。只會選擇第一個相鄰的匹配元素 ...
1、標簽選擇器 2、類選擇器 3、id選擇器 4、通配符選擇器(*) 5、連接類偽類選擇器(a:hover) 6、結構偽類選擇器(first-child(),last-child(),nth-child(),nth-last-child()) 7、目標偽類選擇器(:target 被選 ...
1. id選擇器(#myid) 根據id的值選擇元素 2. 類選擇器(.myclassname) 根據class的值選擇元素 3. 標簽選擇器(div,h1,p) 根據標簽選擇元素 4.相鄰選擇器/兄弟選擇器(h1+p) 匹配緊跟第一個選擇器,並且匹配第二個選擇器內的元素,如緊跟h1元素后 ...