Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Stylowanie wielu klas
wiktoz
post 30.06.2018, 12:23:43
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 30.06.2018

Ostrzeżenie: (0%)
-----


Witam,
mam problem odnośnie stylowania wielu klas jednocześnie.
Mam wiele divów o nazwie "divnumber1", "divnumber2" itd. aż do 100.
Jak mam się do tego odwołać w arkuszu stylów jeżeli chcę to wystylować?
Wiem, że mogę to wypisać po przecinku, ale to zajmie strasznie dużo czasu i miejsca. Czy można się do tego odwołać w jakiś sposób, że wszystkie klasy zaczynające się na divnumber będą miały ten styl?
Proszę o podpowiedź!
Go to the top of the page
+Quote Post
trueblue
post 30.06.2018, 12:27:08
Post #2





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


https://www.w3schools.com/cssref/sel_attr_begin.asp

Jeśli używasz klas i każdą musisz numerować z osobna, to najprawdopodobniej podchodzisz do tego niepoprawnie.


--------------------
Go to the top of the page
+Quote Post
wiktoz
post 30.06.2018, 12:53:18
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 30.06.2018

Ostrzeżenie: (0%)
-----


Ja numeruję divy, ponieważ muszę do konkretnych z nich odwoływać się w JavaScripcie.
Przed chwilą wpadłem na pomysł stworzenia diva w divie, więc ten temat jest już do zamknięcia, ale dzięki za pomoc.
Go to the top of the page
+Quote Post
trueblue
post 30.06.2018, 13:36:02
Post #4





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Do numeracji używaj atrybutu data-*, a nie diva w divie.


--------------------
Go to the top of the page
+Quote Post
Tomplus
post 30.06.2018, 21:08:06
Post #5





Grupa: Zarejestrowani
Postów: 1 832
Pomógł: 225
Dołączył: 20.03.2005
Skąd: Będzin

Ostrzeżenie: (0%)
-----


Tak jak powiedział @trueblue.

Ale jak bardzo zależy Ci na klasach to może warto stosować po dwie klasy?

np.:
Kod
<div class='pokolorujMnie divnumber98'></div>
<div class='pokolorujMnie divnumber99'></div>


Dzięki temu, w CSS użyjesz tylko div.pokolorujMnie a nie o divnumberXX będziesz używał tylko do JS.
Go to the top of the page
+Quote Post
miccom
post 1.07.2018, 15:51:13
Post #6





Grupa: Zarejestrowani
Postów: 493
Pomógł: 8
Dołączył: 7.07.2007
Skąd: Tychy

Ostrzeżenie: (0%)
-----


Ja zrobiłbym tak:


  1. <div id="number123" class="kolorowy"></div>
  2. <div id="number124" class="kolorowy"></div>
  3. <div id="number125" class="kolorowy"></div>
  4. <div id="number126" class="kolorowy"></div>
  5. <div id="number127" class="kolorowy"></div>
  6. <div id="number128" class="kolorowy"></div>


Wtedy odwołujesz się do identyfikatora bloku div, a masz tylko jedną klasę kolorowy smile.gif


--------------------
Jeśli pomogłem- kliknij POMÓGŁ-przyda się ;)- jeśli piszę bzdury- pisz pod postami. Poprawię się.
PISZĘ POPRAWNIE PO POLSKU!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.04.2024 - 05:08