• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Klasa dla jednego atrybutu?

0 głosów
62 wizyt
pytanie zadane 4 września w HTML i CSS przez MAXIM7 Obywatel (1,690 p.)

Cześć, mam krótkie pytanie. Mam coś takiego:

<div class="dropOption"><span class="ball">&#xf111;</span>Kolor</div>

Robię custom selecta, w którym do wyboru są kolory. Dla każdej opcji chciałbym nadać dla spana inny kolor (span zawiera ikonkę z font awesome). Każda z opcji jest tworzona w JS w pętli. Jak najlepiej to zrobić? Czy opłaca się tworzyć dla każdego spana osobną klasę zwierającą tylko jeden atrybut (color). Czy lepiej stylizacje zamieścić wewnątrz znacznika spana jako np.: style="color: red;". (w miejscu red dałbym po prostu w js tablicę[i] z kolejnymi kolorami).

komentarz 4 września przez MateuszB Stary wyjadacz (12,900 p.)

Bo wiesz, że istnieje taki input, right?

komentarz 4 września przez MAXIM7 Obywatel (1,690 p.)
Wiem, ale on ma bardzo ograniczone możliwości edytowania wizualnego.

1 odpowiedź

+1 głos
odpowiedź 5 września przez BT101 Stary wyjadacz (10,830 p.)
wybrane 5 września przez MAXIM7
 
Najlepsza

Jak tworzysz te opcje w pętli to style inline z tablicy tutaj są racjonalne. Z frameworkami jak Angular czy Vue też bym tak zrobił np

<div>
    <span *ngFor="let n of options" [style.color]="n.color"> {{ n.value }} </span>
</div>
<div>
    <span v-for="n in options" :style="{ color: n.color }"> {{ n.value }} </span>
</div>

więc generalnie tak jak zazwyczaj odradzam użycie styli inline tak tutaj uważam, że można spokojnie użyć

Podobne pytania

0 głosów
1 odpowiedź 148 wizyt
0 głosów
2 odpowiedzi 180 wizyt
0 głosów
1 odpowiedź 158 wizyt
pytanie zadane 1 grudnia 2017 w JavaScript, jQuery, AJAX przez Q_Nick Gaduła (4,940 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

67,091 zapytań

114,027 odpowiedzi

241,646 komentarzy

47,017 pasjonatów

Przeglądających: 89
Pasjonatów: 0 Gości: 89

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...