我正在asp.net店面的着陆页上工作,并且想要添加可展开的内容。我被告知我应该为此使用内联样式 - 而不是内部样式表,并且因为在CSS中有伪造样式,所以我无法在内联样式中扩展内容。我可以使用内联CSS来制作可扩展的内容吗?
有没有关于如何使用内联样式创建可展开内容的选项?
/* Accordian Items */
.collapse {
\t text-align:left;
}
.collapse > * + *{
display:none;
}
.collapse > *{
cursor:pointer;
}
.collapse:focus{
outline:none;
}
.collapse:focus > * + *{
display:block;
}
.accordian-cta {
\t width:20%;
\t float: right;
\t vertical-align:middle;
\t text-align:right;
}
.accordian-title {
\t width:100%;
\t max-width:1000px;
\t
\t text-indent:10px;
\t margin-bottom:10px;
\t color:rgb(71,70,70);
\t font-size:1.17em;
\t font-family:arial, verdana, sans-serif;
\t font-weight:bold;
\t padding:5px;
<div class="collapse" tabindex="3">
<div class="accordian-title">Click to expand<div class="accordian-cta">+ </div> </div>
<div class="accordian-text">
[EXPANDED CONTENT HERE]
</div>
</div>
你必须尝试使用jQuery/JavaScript的使用内联样式崩溃/展开 – San
是你的项目使用jQuery?用一些javascript会更容易些。我认为这是不可能的只是内联的CSS:/ – Maxouhell