htmlテーブルをcss'display'プロパティ(table、table-rowなど)に置き換えています。(タイトルを変更する必要がある場合は、変更します)。
表示プロパティでCSSを選択する方法はありますか?
これに関する情報が見つかりません。
これを有効にする方法は?:
.myClass[display=table-cell]
htmlテーブルをcss'display'プロパティ(table、table-rowなど)に置き換えています。(タイトルを変更する必要がある場合は、変更します)。
表示プロパティでCSSを選択する方法はありますか?
これに関する情報が見つかりません。
これを有効にする方法は?:
.myClass[display=table-cell]
これは不可能です。属性とその値で選択できますが、CSSプロパティで選択することはできません。また、選択した要素に適用されたスタイルルールによってセレクターが簡単に無効になり、CSS解析ルールが非常に複雑になり、場合によっては無限ループになる可能性があるため、そうすることも意味がないと思います。 。
JavaScriptを使用して同様のことを実現することは可能ですが、CSSだけを使用することはできません。
参照:
CSSプロパティ自体で要素を選択することはできません。HTML属性(ここで使用している構文です)またはクラスで選択できますが、CSSプロパティのみでは(JavaScriptを使用せずに)選択できません。
この方法を選択できるのは、HTMLで明示されている場合のみです。
<div class="mydiv" display="table-cell"></div>
.mydiv {
width: 100px;
}
div[display='table-cell'] {
height: 100px;
background-color: red;
}
これは、CSSでプロパティで選択する方法ではないと思います。