html - 仅删除 ul 中的元素符号

Question

我有一个类似于以下的 JSON:

{
"qaset": [
    {
        "question": "question1",
        "answer": [
            "answer11",
            "answer12"
        ]
    },
    {
        "question": "question2",
        "answer": "answer2"
    },
    {
        "question": "question1",
        "answer": [
            "answer31",
            "answer32"
        ]
    }
]

我有一个 Accordion ，它显示上面的问题部分，当单独单击时会打开一个答案。我正在使用 ng-repeat 来显示问题和答案。

现在，答案是在 ul、li 标签上 ng-repeat。因此，只有一个答案的问题会以元素符号显示。如何仅针对此类单个答案条目(即上面的答案 2)去掉元素符号。

Answer 1

li:only-child {
    list-style: none
}

纯 CSS。

编辑 谢谢@Michael Parker，你是对的。伪选择器 :only-child 目标元素是他 parent 的独生子。虽然 li 以所有 li 为目标，但 :only-child 将限制所有 li 是其 parent 的独生子。

请注意，它适用于所有 HTML 中所有独生子女的 li。要限制，请使用

.any-class li:only-child {
    list-style: none;
}

编辑 可以在http://cdpn.io/e/BzAxkZ 看到一个实现示例。