省的百度的CSS

不要標題了

1.inherit
讓一個不具備繼承特性的屬性可以繼承父元素的定義
複製程式碼

div {
    position: relative
}
div a {
    position: inherit
}
複製程式碼

2.pointer-events
取值：auto和none；
複製程式碼

.overlay {
    pointer-events: none
} //將捕獲不到任何點選，而只是讓事件穿透到它的下面
複製程式碼

3.  選擇器1 + 選擇器2 ： 相鄰選擇器。
    選擇器1 ~ 選擇器2 ： 兄弟選擇器。
複製程式碼

兄弟選擇器 相鄰選擇器 4.E:not(s): 匹配不含有s選擇符的元素E.

.demo li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}//除最後一項外的所有列表項加一條底邊線
複製程式碼

5.  E:first-child {}: 匹配父元素的第一個子元素E
    E:last-child {}: 匹配父元素的最後一個子元素E
複製程式碼

ul li:first-child{} 
ul li:last-child{}
```6.文字超出三個點

複製程式碼

li{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

複製程式碼