1、处理input placeholder （不同浏览器）
input::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #ccc;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 注意是一个冒号 */
color: #ccc;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
}
input:-ms-input-placeholder {
/* Internet Explorer 10-11 注意是一个冒号 */
color: #ccc;
}
2、超出文本省略号显示
// 单行
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
// 多行
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
3、css常用选择器
1.id选择器（#id）
2.类选择器（.class）
3.标签选择器（div,h1,p）
4.相邻选择器（h1+p）
5.子选择器（ul < li）
6.后代选择器（div p）
7.通配符选择器（*）
8.属性选择器（a[rel="external"]）
9.伪类选择器（a:hover,li:nth-child）
优先级
1、!important 最高
2、行内样式
3、id选择器
4、类选择器
5、标签选择器
6、通配符选择器
7、浏览器继承
未完、、、
