屬性選擇器
一、 5個input標籤type： text 文本框 password密碼框 radio 單選按鈕 cheakbox複選框 submit 提交
二、 選擇器的使用：
1.attr=val 相等就選擇到了
2.attr~=val 表示的是一個單獨的屬性值，這個屬性值是以空格分割的
3.attr|=val 表示的是一個單獨的屬性值，這個屬性值是以-分割的
4.attr*=val 表示的是一個單獨的屬性值，這個屬性值只要包含某個字符就可以
5.attr^=val 表示的是一個單獨的屬性值，這個屬性值要在起始位置
6.attr$=val 表示的是一個單獨的屬性值，這個屬性值要在末尾位置
三、僞類選擇器
only-child 只選擇唯一的元素
xxx：nth-of-type（n） 選擇第幾個xxx元素，從1開始
nth-child（n） 選擇第幾個子元素
nth-last-of-type（n）倒數第n個
empty 表示元素沒有內容才被顯示
target 錨點
四、顏色
opacity 的子元素會繼承父元素的透明度
transparent 就是完全透明，類似玻璃一樣
rgba（）就是rgb後面加上了一個透明度的參數
五 、文本換行
滿足省略號要三個條件
1.文字強行不換行： white-space:nowrap
2.超出部分隱藏：overflow:hidden
3.後面加上省略號：text-overflow:ellipsis