CSS中有多種不同的選擇器,它們可以幫助我們選取頁面中的元素,并對它們進行樣式設置。
/* 標簽選擇器 */ p { /* 樣式設置 */ } /* id選擇器 */ #header { /* 樣式設置 */ } /* 類選擇器 */ .button { /* 樣式設置 */ } /* 屬性選擇器 */ a[] { /* 樣式設置 */ } /* 相鄰兄弟選擇器 */ h2 + p { /* 樣式設置 */ } /* 后代選擇器 */ ul li { /* 樣式設置 */ } /* 通配符選擇器 */ * { /* 樣式設置 */ }
標簽選擇器可以選擇所有指定標簽的元素,并對它們進行樣式設置。例如,上面的代碼會選取頁面中的所有p元素,并對它們進行樣式設置。
id選擇器選取頁面中具有指定id的元素,并對它們進行樣式設置。id選擇器的語法是在選擇器前面添加#符號,后面跟上具有指定id的元素的名稱。例如,上面的代碼會選取頁面中具有id為header的元素,并對它進行樣式設置。
類選擇器選取頁面中具有指定類別的元素,并對它們進行樣式設置。類選擇器的語法是在選擇器前面添加.符號,后面跟上指定類別的名稱。例如,上面的代碼會選取頁面中所有具有class為button的元素,并對它們進行樣式設置。
屬性選擇器選取具有指定屬性值的元素,并對它們進行樣式設置。屬性選擇器的語法是在選擇器中添加指定屬性和屬性值,用方括號括起來。例如,上面的代碼會選取所有href屬性為"http://example.com"的a元素,并對它們進行樣式設置。
相鄰兄弟選擇器選取指定元素后面的相鄰兄弟元素,并對它們進行樣式設置。相鄰兄弟選擇器的語法是在選擇器前面添加指定元素的名稱,后面跟上+符號和指定相鄰兄弟元素的名稱。例如,上面的代碼會選取所有緊跟在h2元素后面的p元素,并對它們進行樣式設置。
后代選擇器選取指定元素內(nèi)部的所有后代元素,并對它們進行樣式設置。后代選擇器的語法是在選擇器中添加指定元素的名稱和其后代元素的名稱,用空格隔開。例如,上面的代碼會選取所有ul元素內(nèi)部的li元素,并對它們進行樣式設置。
通配符選擇器選取頁面中所有元素,并對它們進行樣式設置。通配符選擇器的語法是使用*符號代替選擇器中的元素名稱。例如,上面的代碼會選取頁面中所有元素,并對它們進行樣式設置。