按房产选择

Question

我正在用css'display'属性（table，table-row等）替换html表。 （如果我需要更改标题，将会这样做。）

有没有办法通过display属性在CSS中选择？

找不到任何相关信息。

如何使其有效？：

.myClass[display=table-cell]

Answer 1

这是不可能的，您可以按属性及其值进行选择，但不能通过CSS属性进行选择。我也不认为这样做是有意义的，因为选择器很容易被应用于所选元素的样式规则无效，如果存在的话，会导致非常复杂的CSS解析规则，并且可能会产生无限循环

使用JavaScript可以实现类似的功能，但绝对不能只使用CSS。

参考文献：

• CSS Selectors (Level 3)。
• CSS Selectors (Level 4), Editor's draft。

Answer 2

您无法通过CSS属性本身选择元素。你可以通过HTML属性（你肯定知道的是你在那里使用的语法）或按类选择，但不能仅通过CSS属性选择（不使用JavaScript）。

Answer 3

如果你的html显式，你只能选择这种方式。

<div class="mydiv" display="table-cell"></div>

.mydiv {
    width: 100px;
}

div[display='table-cell'] {
    height: 100px;
    background-color: red;
}

demo

Answer 4

我认为这不是通过属性在CSS中选择的任何方式。