ok-jose / blog Goto Github PK

attr() 官方解释

The attr() CSS function is used to retrieve the value of an attribute of the selected element and use it in the style sheet. It can also be used on pseudo-elements, in which case the value of the attribute on the pseudo-element's originating element is returned.

翻译过来就是：

CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值，并用于其样式。它也可以用于伪元素，属性值采用伪元素所依附的元素。

attr() 表达式可以用于任何CSS属性。

因此我们可以在我们可以把一些样式属性与页面上可变量结合在一起，少了些class判断。

<div class=",mul-source" data-shopnow="SHOP NOW"></div>

.mul-source:after { display: block; content: attr(data-shopnow); position: absolute; }

最近在写TS项目时，导入json文件时，vscode一直报这个错误:
[ts] Cannot find module './cities.json'. Consider using '--resolveJsonModule' to import module with '.json' extension
然后晚上找了找解决方案：

1. 新建一个.d.ts文件
2. declare json模块：
   declare module '*.json' { const value: any export default value }

然后就可以正常使用了: import cities from './cities.json'