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