Question

我的JSON类似于：

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

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

现在，答案是关于ul，li标签的ng-repeat。因此，针对子弹显示只有一个答案的问题。如何仅针对此类单一答案条目（即上面的答案2）摆脱子弹。

Answer 1

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

Pure css。

编辑谢谢@Michael Parker，你是对的。伪选择器：only-child target元素，是他父母的唯一子元素。虽然li针对所有li，但只有孩子会限制所有只是父母孩子的li。

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

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

编辑可以在http://cdpn.io/e/BzAxkZ

查看实施示例

Answer 2

我相信

li:first-child:nth-last-child(1) {
  list-style: none;
}

会实现你所追求的目标。这是一个测试用例：

https://jsfiddle.net/bqeo6jx8/

删除ul中的子弹只有几个项目

2 个答案: