前端一HTML:二十四伪类
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:二十四伪类
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
? 類選擇器作用:是用來給對應(yīng)的類標(biāo)簽設(shè)置樣式。
? 偽類也是給對應(yīng)的標(biāo)簽設(shè)置樣式。偽類選擇器的樣式要顯示出來，這個標(biāo)簽就必須具備對應(yīng)的條件。
??
a:link ?設(shè)置元素沒有被訪問過的樣式。
? ? ? ? 如果已經(jīng)點擊了一次，那么將來這個偽類中的樣式將不會再被顯示。
a:visited 設(shè)置元素被訪問過的樣式
? ? 如果這個元素已經(jīng)被點了一次，那么將來這個偽類中的樣式會一直顯示。
a:hover ?設(shè)置鼠標(biāo)懸停時元素的樣式
? ?如果鼠標(biāo)懸停，那么對應(yīng)的元素就會顯示這個偽類中設(shè)置樣式。
a:active ?設(shè)置鼠標(biāo)點擊時的樣式
??如果鼠標(biāo)點擊了這個元素，元素會顯示這個偽類中設(shè)置的樣式。
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>a{display: inline-block;width: 100px;height: 50px;background-color: red;text-decoration: none;text-align: center;line-height: 50px;}a:link{background-color: yellow;}a:visited{background-color: pink;}a:hover{background-color: purple;}a:active{background-color: blue;}</style> </head> <body><a href="#">a標(biāo)簽</a> </body> </html>? 注意點: a:link, a:visited,a:hover,a:active? 必須要遵守這個順序,如果不遵守,那么有些偽類起不了作用。?
??
總結(jié)
以上是生活随笔為你收集整理的前端一HTML:二十四伪类的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python六十四: 迭代器协议
- 下一篇： oracle之TNS:无监听程序解决办法