0

こんにちは、HTML と CSS で折りたたみ可能/展開可能なリストを表す以下のコードに変更を加えたいと考えています。

<html>
<head>
<style type="text/css">
.row { vertical-align: top; height:auto !important; }
.list {display:none; }
.show {display: none; }
.hide:target + .show {display: inline; }
.hide:target {display: none; }
.hide:target ~ .list {display:inline; }
@media print { .hide, .show { display: none; } }
</style>
</head>
<body>
<div class="row">
<a href="#hide1" class="hide" id="hide1">Expand</a>
<a href="#show1" class="show" id="show1">Collapse</a>
<div class="list">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
</div>
</body>
</html>

タグ間の css と内部スタイル シートの形式ですが、代わりにすべてインライン スタイルとして含めたいと思います。これは可能ですか？読んでくれてありがとう！

4

1 に答える 1

0

それは不可能。

style 属性には、ルール セットの本体が含まれます。

コードは、ルール セットの本体の外側に表示されるセレクタ (疑似クラスやコンビネータを含む) の使用に依存しています。

于 2013-10-16T09:43:32.800 に答える