日常开发中那些不常用的css属性

由于 css 属性的繁多和难学，本篇文章旨在记录平常开发中遇到的那些 css 属性，会长期更新记录。

【注】点击 css 的属性名称可以跳转到 MDN 链接，可查看更详细的用法。

1. pointer-events

pointer-events CSS 属性设置在什么情况下(如果有的话)一个特定的图形元素可以成为指针事件的目标。

通常和 opacity 属性和 cursor 属性搭配使用。

pointer-events: none;
cursor: not-allowed;
opacity: .5;

2. filter

css 的 filter 属性可以用来实现网页的「默哀模式」,让整个网站变灰色。

html {
  filter: grayscale(80%);
}

2. border-collapse

设置 < table > 中的单元格是否具有共享边框或单独的边框。

border-collapse = separate | collapse

border-collapse: collapse;

border-collapse: separate;