僞類

時間 2019-11-12

原文原文鏈接

1，設置a標籤字體

<body>
    <a href="#1">點擊</a>
    
</body>

2，E:linkspa

這是設置超連接a在未訪問前的樣式code

a:link{
            color:red;
        }

設置成了紅色blog

3，E:visited
這是設置超連接a在其連接地址已被訪問過期的樣式事件

a:visited{
            color: #ccc;
        }

設置成了灰色get

4，E:hover
設置元素在其鼠標懸停時的樣式input

a:hover{
            color: blue;
        }

設置成了藍色it

5，E:active
設置元素在被用戶激活
(在鼠標點擊與釋放之間發生的事件)時的樣式class

a:active{
color: green;
}
設置成了綠色
6，E:focus
先插入
<input type="search" autofocus>
後
.search:focus{
color:red;
outline:1px solid blue;
}
設置了邊框顏色和字體顏色
7，E:nth-child(n)
匹配父元素的第n個子元素E
多個子元素的時候使用
8，E:nth-of-type(n)
匹配同類型中的第n個同級兄弟元素E
9，E:target
匹配相關URL指向的E元素樣式

相關標籤/搜索