entfernt Kugel in ul für nur wenige Artikel

Question

Ich habe ein JSON ähnlich wie:

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

Ich habe ein Akkordeon, das die Frage Teil zeigt oben und, wenn sie einzeln angeklickt öffnet eine Antwort auf. Ich benutze ng-repeat, um die Fragen und die Antworten anzuzeigen.

Nun sind die Antworten ng-Wiederholung auf ul, li-Tags. Aus diesem Grund werden die Fragen, die nur eine Antwort haben, gegen eine Kugel angezeigt. Wie werde ich die Kugel nur für solche Einzelantworteinträge los (d. H. Antwort 2 oben).

Answer 1

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

Reines css.

EDIT Dank @Michael Parker, Sie haben Recht. Der Pseudo-Selektor: Nur-Kind-Zielelement, das das einzige Kind seines Elternteils ist. Während li alle li anvisiert, wird only-child auf alle li beschränkt, die nur ein Kind ihrer Eltern sind.

Hinweis als es funktioniert für alle nur Kinderli in alle HTML. Zu beschränken, verwenden

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

EDIT Ein Beispiel für die Umsetzung auf http://cdpn.io/e/BzAxkZ gesehen werden kann

Answer 2

I

glauben

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

würde erreichen, was Sie wollen. Hier ist ein Testfall:

https://jsfiddle.net/bqeo6jx8/