常用css处理

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、浏览器继承

未完、、、