除了在CSS中選擇元素,CSS選擇器還可以用于許多其他有趣和有用的事情。以下是一些您可能不知道的CSS選擇器的用途。
/* 選擇第一行 */ p:first-line { /* 樣式規(guī)則 */ } /* 選擇第一個字 */ p:first-letter { /* 樣式規(guī)則 */ } /* 選擇第一個段落 */ p:first-of-type { /* 樣式規(guī)則 */ } /* 選擇最后一個段落 */ p:last-of-type { /* 樣式規(guī)則 */ } /* 選擇所有鏈接 */ a:link { /* 樣式規(guī)則 */ } /* 選擇所有已訪問過的鏈接 */ a:visited { /* 樣式規(guī)則 */ } /* 選擇所有未被點擊的鏈接 */ a:hover { /* 樣式規(guī)則 */ } /* 選擇所有已選定的輸入框 */ input:checked { /* 樣式規(guī)則 */ } /* 選擇所有禁用的輸入框 */ input:disabled { /* 樣式規(guī)則 */ } /* 選擇所有啟用的輸入框 */ input:enabled { /* 樣式規(guī)則 */ } /* 選擇所有焦點的輸入框 */ input:focus { /* 樣式規(guī)則 */ } /* 選擇所有圖像元素 */ img { /* 樣式規(guī)則 */ } /* 選擇所有視覺和聽覺媒體(比如視頻和音頻)元素 */ video,audio { /* 樣式規(guī)則 */ }
除了這些,CSS選擇器還可以用于選擇文檔的特定部分,例如選取特定的元素饋送到JavaScript腳本中,或選擇用于打印的特定樣式表。
選擇器確實是一個非常強大和多功能的工具,了解其各種用途將有助于您更好地使用CSS。