CSS-in-JS：FTW 还是 WTF？ | CSS-Tricks

我喜欢 Bruce Lawson 关于这场神圣战争的演讲。它既有趣又轻松，同时又经过精心研究，公正地展现了双方的有利论点。

Vanderson

# 2018 年 7 月 17 日

这个视频中展示的现象需要一个名字。大型公司致力于单个项目，这些项目处于技术的前沿，突破了概念和设计的界限。（LCTWOSPBETPOBCD，愚蠢的缩写）

jQuery 也这样做过，一些结果被纳入浏览器的核心。

这意味着对于“普通/一般”开发者来说，这些东西毫无用处。为什么？因为学习、使用，然后在浏览器供应商实施了最佳想法并拒绝了其他想法后清理这些混乱的成本太高了。

他们想法的“局限性”（例如，无法将内联更改为块，反之亦然）纯粹是任意的，这种事情带有他们自己关于如何做事的个人观点。

最终结果？等待几年，继续我们正在做的事情，并在新功能可用时添加新功能。这些是前沿的想法，只对 LCTWOSPBETPOBCD 有用。（或者可能是大型公司单一项目？）

Tolis

评论永久链接# 2018 年 7 月 24 日

那么，如果我们都继续做我们正在做的事情，谁会想出新奇的东西呢？

Matias Olivares Trujillo

# 2018 年 7 月 22 日

视频很棒，但仔细分析后，我更喜欢按属性选择 [attribute]，而不是 selector::state。

我开发了一个类似的解决方案，它使用按属性选择。

css

:this{
    width : 100px;
    height : 100px;
}

:this[size="small"]{
    width : 50px;
    height : 50px;
}

:this[size="large"]{
    width : 200px;
    height : 200px;
}

样式表将创建一个组件，它用随机类替换 :this。

https://uppercod.github.io/cssthis-demo/

该评论线程已关闭。如果您有重要信息要分享，请联系我们。