CSS選擇器是樣式表中一個重要的組成部分,它用于定位HTML中需要應用樣式的元素。以下是一些常見的選擇器:
元素選擇器: p { color: red; } 該選擇器將應用于所有的HTML段落。
元素類型選擇器是最常見的選擇器之一。它使用HTML標簽名稱作為選擇器,以選取可以應用樣式的所有匹配元素。
ID 選擇器: #my_div { background-color: yellow; } 該選擇器將應用于具有id屬性且值為“my_div”的HTML元素。
ID選擇器使用#加上元素id值來指定某個特定元素,它是唯一的并且只適合于單個元素。
類選擇器: .my_class { font-weight: bold; } 該選擇器將應用于具有class屬性且包含值“my_class”的所有HTML元素。
類選擇器使用點"."加上類名來指定某一類元素,可以同時指定多個元素。
后代選擇器: ul li { color: blue; } 該選擇器將應用于所有的li元素,只要它們是ul元素的后代。
后代選擇器使用空格分隔符將兩個或多個選擇器組合成一個規則,以指定某個元素的后代元素。
子選擇器: div >p { font-size: 1.2em; } 該選擇器將應用于所有的,只要它們是div的直接子元素。
子選擇器使用“>”來指定某個元素的直接子元素。
偽類選擇器: a:hover { color: green; } 該選擇器將應用于鼠標懸停在連接上的超鏈接。
偽類選擇器是指對元素狀態進行選擇,如:hover可以應用于懸停在元素上的鼠標,:active可以應用于鼠標按下但未釋放的元素,:visited可以應用于已訪問的鏈接等等。