JS Canvas CSS - taki sam css dla 3 warstw

Question

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ć

Comments

Dzięki za pomoc, użyłem

canvas {
    //style
}

 

Answer 1

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. 

Answer 2

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

}

Answer 3

Może po prostu rozdziel elementy przecinkiem i przypisz im atrybuty :v