样式第一个元素的类名称未应用样式规则

Question

我正在尝试建立遵循以下逻辑的CSS规则：

“为我获取第一个类别为grid-cell的元素，该元素没有使用以下样式：display:none。

基本上遵循以下代码段的内容（无效）：

.grid-cell:not([style*='display: none']):first-of-type { }

是否可以在CSS中执行此操作？还是应该放弃并使用JavaScript查找该元素？