css學習筆記1

標籤：應該   img   splay   form   before   相容   偽類   block   order   

:before,:after虛擬元素

虛擬元素特性（目前已經遇到的）

• 它不存在於文檔中，所以js無法操作它
• 它屬於主要元素本身，有些偽類僅僅是代表元素內容的一部分，譬如:first-letter代表第一個字母；因此當虛擬元素被點擊的時候觸發的是主要元素的click事件
• 區塊層級元素才能有:before, :after，譬如img就不能設定，亦即某些元素是沒有:before, :after的，只要知道一般的區塊層級元素都可以用就行了

註：css3中，為了與偽類區分，虛擬元素前應該使用兩個冒號，即:hover偽類，::before虛擬元素。當然為了向下相容，用一個冒號也是可以的，不過建議盡量使用規範的寫法。

 

下拉表徵圖

a::before{
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    content: "";
    -webkit-transform: rotate(45deg);
    display: block;
}

css學習筆記1