Id zaczynające się od liczby lub hasha?

Question

Witam, załóżmy że mam div o id zaczynającym się od liczby:

<div id="2fd23d"></div>

A także inny, o id zaczynającym się od znaku #:

<div id="#2fd23d"></div>

W jaki sposób podobne id możemy ostylować w css oraz (w przypadku tego drugiego)- przypisać zdarzenie do takiego diva?

Pozdrawiam.

 

Answer 1

CSS

#\#2fd23d {
	/* CSS code */
}
div[id="2fd23d"] {
	/* CSS code */
}

JS

el = document.querySelector('#\\#2fd23d');
el.addEventListener('click', function(e){
	// JS code
}, false);

Co do selektorów w CSSie, gdy ID zaczyna się od cyfry, można jeszcze zrobić taki myk korzystając z tablicy ASCII (wartości HEX)

#\32 fd23d{
	/* CSS code */
}

Warto jeszcze zauważyć, że stylowanie po ID - nie jest dobrą praktyką.

Answer 2

Jest (chyba niepisana) zasada, że ID powinno się rozpoczynać od litery. Czyli jak np chcesz nadawać ID dynamicznie, to dzięki konkatenacji można zrobić np 'someID' + x

Dzięki temu unikamy takich problemów :)