Html 仅针对少数项目移除ul中的项目符号
我的JSON类似于:Html 仅针对少数项目移除ul中的项目符号,html,css,angularjs,Html,Css,Angularjs,我的JSON类似于: { "qaset": [ { "question": "question1", "answer": [ "answer11", "answer12" ] }, { "question": "question2", "answer": "answer2" }, { "question": "qu
{
"qaset": [
{
"question": "question1",
"answer": [
"answer11",
"answer12"
]
},
{
"question": "question2",
"answer": "answer2"
},
{
"question": "question1",
"answer": [
"answer31",
"answer32"
]
}
]
我有一个手风琴,它可以显示上面的问题部分,当单独单击打开一个答案。我使用ng repeat显示问题和答案
现在,答案在ul,li标签上重复。因此,只有一个答案的问题会显示在项目符号旁边。如何仅针对此类单一答案条目(即上面的回答2)删除项目符号
纯css
编辑谢谢@Michael Parker,你说得对。
伪选择器:唯一的子目标元素,它是其父元素的唯一子元素。虽然李的目标是所有李,但“独生子女”将限制为其父母的独生子女
请注意,它将适用于allHTML中的所有独生子女li。限制,使用
.any-class li:only-child {
list-style: none;
}
编辑我相信在可以看到一个实施示例
li:first-child:nth-last-child(1) {
list-style: none;
}
将实现你所追求的目标。下面是一个测试用例:
虽然此代码可能会回答问题,但提供有关如何和/或为什么解决问题的附加上下文将提高答案的长期价值。谢谢!李:独生子女{list style:none;}为我工作。唯一的问题是,我仍然必须在数组中定义“answer2”,即[]。无论如何,谢谢你的帮助。我正在处理的场景与上面的测试用例中提到的略有不同。总之,@xXDarioXx已经回答了我的问题。无论如何谢谢你!
li:first-child:nth-last-child(1) {
list-style: none;
}