Django 1.11.9 實現路由分發
阿新 • • 發佈：2020-08-01
通用選擇器
應用於文件中的所有元素
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>