P3258 [JLOI2014]松鼠的新家(樹上差分板子)
阿新 • • 發佈:2020-08-02
通用選擇器
應用於文件中的所有元素
eg:
*{}
應用於頁面中的所有元素
型別選擇器
匹配元素名稱與選擇器相似的元素
eg:
h1,h2,h3{}
應用於<h1>元素,<h2>元素和<h3>元素
類選擇器
匹配這樣的元素:元素的class特性的值與此選擇器的點(或句點)符號後面的部分相同
eg:
.note{}
應用於所有class特性值為note的元素。
p.note{}
只應用於class特性值為note的<p>元素
id選擇器
匹配這樣的元素:元素的id特性的值與此選擇器#後面的部分相同
eg:
#introduction{} 應用於id特性值為introduction的元素。
子元素選擇器
匹配指定元素的直接元素
eg:
li>a{}
應用於所有父元素為<li>的<a>元素(對頁面中其它<a>元素不起作用)
後代選擇器
匹配指定元素的後代元素(不僅是指定元素的直接子元素)
eg:
p a{}
應用於所有位於<p>元素中的<a>元素,不論他們之間有沒有巢狀其他元素
相鄰兄弟選擇器
匹配一個元素的相鄰兄弟元素
eg:
h1+p{}
應用於<h1>元素之後的第一個<p>元素(對其他<p>元素不起作用)
普通兄弟選擇器
匹配一個元素的兄弟元素,不論這個元素是不是與它的兄弟元素相連
eg:
h1~p{}
如果有兩個<p>元素均為<h1>元素的兄弟元素,那麼這些規則對兩個兄弟元素都起作用
css中的偽類
錨偽類(未被訪問狀態,已被訪問狀態,滑鼠懸停狀態,活動狀態)
:link 未被訪問的連結新增樣式
:visited 向已被訪問的連結新增樣式
:hover 滑鼠懸停時向元素新增樣式
:active 向被啟用的元素新增樣式
:focus 向擁有滑鼠輸入焦點的元素新增樣式
:first-child 向第一個子元素新增樣式
eg:
<!DOCTYPE html> <html> <meta charset="UTF-8"> <style> a:link{background-color: aqua;} </style> <body> <a href="#">ZzkTxdy</a> </body> </html>