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

JS Canvas CSS - taki sam css dla 3 warstw

VPS Starter Arubacloud
0 głosów
303 wizyt
pytanie zadane 27 października 2016 w HTML i CSS przez Miki Bywalec (2,480 p.)

Zrobiłem w canvas trzy warstwy

index.html

		<canvas id="canvas"> </canvas>
		<canvas id="canvasFloor"> </canvas>
		<canvas id="canvasWall"> </canvas>

wszystkie opisane są identycznie

style.css

#canvas { 
	background-color: #ccc;
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#canvasFloor { 
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#canvasWall { 
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

 

Jak to sensownie ogarnąć aby nie powtarzać kodu? ID nie mogę im przypisać takiego samego ponieważ z niego korzysta canvas. Myślałem aby tu dodać class specjalnie dla CSS-a lub coś na zasadzie #canvas = #canvasFloor = #canvasWall. Proszę o radę co z tym zrobić

komentarz 28 października 2016 przez Miki Bywalec (2,480 p.)

Dzięki za pomoc, użyłem

canvas {
    //style
}

 

3 odpowiedzi

+3 głosów
odpowiedź 27 października 2016 przez Comandeer Guru (599,730 p.)

Myślałem aby tu dodać class specjalnie dla CSS-a

I to jest najlepsze rozwiązanie. Użycie canvas jest złe o tyle, że łapie wszystkie możliwe elementy tego typu, co w przyszłości może okazać się kłopotliwe. 

0 głosów
odpowiedź 27 października 2016 przez Kikaczo Początkujący (280 p.)
Jeżeli wszystkie są identyczne to wystarczy odnieść się w css tylko do samego typu canvas, a nie do id, czyli bez #

 

canvas {

i tu wpisujesz style

}
0 głosów
odpowiedź 27 października 2016 przez Magicone Nałogowiec (45,100 p.)
Może po prostu rozdziel elementy przecinkiem i przypisz im atrybuty :v

Podobne pytania

0 głosów
2 odpowiedzi 573 wizyt
+1 głos
1 odpowiedź 625 wizyt
0 głosów
0 odpowiedzi 71 wizyt
pytanie zadane 4 lutego 2023 w JavaScript przez TOWaD Mądrala (5,700 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...