嗨,我希望对下面的代码进行一些更改,它代表了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 和内部样式表的形式,但我希望它都作为内联样式包含在内联样式中。这可能吗?感谢您的阅读!
这是不可能的。
样式属性包含规则集的正文。
您的代码依赖于选择器(包括伪类和组合器)的使用,它们出现在规则集主体之外。