如果子元素为空,是否可以隐藏父元素?我知道有:element选择器,但只有在父级不包含任何内容(包括HTML元素)的情况下,它才起作用。
这是我的HTML:
<div class="row">
<div class="center">
<span class="text-danger label-promotion"><strong></strong></span>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
和我的CSS,可悲的是这种方式无法正常工作,但我认为您可以尽我所能:
.label-promotion:empty {
display: none;
}
Run Code Online (Sandbox Code Playgroud)
我希望<span>如果不为空则不出现,因此我想避免使用JS。那可能吗?
在 TYPO3 中,我想将几个自定义内容元素布局添加到默认内容类型“标题”的现有布局中。例如,自定义布局应该可以使原本是 H1 标题的标题看起来像 H2 或 H3。
所以我添加了这个 Typoscript 代码,它应该在后端的界面中添加额外的选项:
TCEFORM {
tt_content {
layout {
altLabels {
0 = abc
1 = def
2 = geh
3 = Layout H1
4 = Layout H2
5 = Layout H3
}
removeItems = 6,7,8,9,10
}
}
}
Run Code Online (Sandbox Code Playgroud)
除此之外,还应该添加 CSS 类:
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
key.field = layout
3 = TEXT
3.value = like-h1
4 = TEXT
4.value = like-h2
5 = TEXT
5.value = like-h3
}
Run Code Online (Sandbox Code Playgroud)
但是,在我的 3 个额外布局中,只有一个被添加到后端的界面中: …