selector-UI元素状态伪类
生活随笔
收集整理的這篇文章主要介紹了
selector-UI元素状态伪类
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
結(jié)合CSS2.0和CSS3.0,UI元素狀態(tài)偽類共有以下幾個(gè),仍然是結(jié)合實(shí)例來看.
| 代碼 | 效果 | |
| <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>無標(biāo)題頁</title><style type="text/css">*{margin:5px;}</style> </head> <body><a href="HTMLPage.htm">超級(jí)鏈接</a><br /><a>超級(jí)鏈接</a><br /><input type="checkbox" checked="checked" value="1" />男<input type="checkbox" />女<br /><input type="text" value="默認(rèn)都是enabled" /><br /><input type="text" value="disabled" disabled="disabled" /><br /><p>選中部分會(huì)高亮</p> </body> </html> | ||
| a:link {color:Green; } | E:link 僅能在a對(duì)象上使用.用于設(shè)置a元素未被訪問時(shí)的樣式. 對(duì)于無href的a對(duì)象無效. | |
| a:visited {background-color:Silver; } | E:visited 僅能在a對(duì)象上使用.用于設(shè)置a元素訪問過后的樣式. 對(duì)于無href的a對(duì)象無效. | |
| p:hover {color:red; } | E:hover 設(shè)置鼠標(biāo)在對(duì)象上懸停時(shí)的樣式. | |
| p:active {color:Green; } | E:active 設(shè)置對(duì)象在被用戶激活(在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的事件)時(shí)的樣式. | |
| input:focus {background-color:Green; } | E:focus 設(shè)置元素在成為輸入焦點(diǎn)時(shí)的樣式. | |
| input:checked {height:40px;width:40px; } | E:checked 設(shè)置元素被選中時(shí)的樣式. | |
| input:enabled {color:Red; } | E:enabled 設(shè)置用戶界面中處于可用狀態(tài)的E元素 | |
| input:disabled {color:Red; } | E:disabled 設(shè)置用戶界面中處于不可用的E元素 | |
| p::selection {color:Red; } | E::selection 匹配E元素中被用戶選中或處于高亮狀態(tài)的部分 | |
轉(zhuǎn)載于:https://www.cnblogs.com/oneword/archive/2010/08/20/1805021.html
總結(jié)
以上是生活随笔為你收集整理的selector-UI元素状态伪类的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 大循环在内，小循环主外为什么会效率高
- 下一篇： 参数调用不会改变参数值