CSS中的簡單選擇器是指根據標簽、類、ID或屬性等單一條件來選擇元素的方式。下面將分別介紹這幾種選擇器的用法。
/* 標簽選擇器 */ p { font-size: 14px; } /* 類選擇器 */ .green { color: green; } /* ID選擇器 */ #header { background-color: gray; } /* 屬性選擇器 */ a[target="_blank"] { text-decoration: none; }
標簽選擇器是最基本的選擇器,它選擇了指定標簽的所有元素。上面的代碼定義了
標簽的字體大小為14像素。
類選擇器使用點號(.)來定義,可以給元素加上一個或多個類名,然后在CSS中使用類選擇器來選擇這些元素。上面的代碼定義了所有類名為“green”的元素顏色為綠色。
ID選擇器使用#號來定義,可以給元素加上一個唯一的ID,然后在CSS中使用ID選擇器來選擇這個元素。上面的代碼定義了所有ID為“header”的元素的背景顏色為灰色。
屬性選擇器可以根據元素的屬性來選擇元素。可以根據任何屬性來選擇元素,例如標簽屬性、自定義屬性等。上面的代碼選擇所有鏈接的target屬性值為"_blank"的元素,并把它們的文本屬性的下劃線去掉。