IDやCLASS属性の先頭に数字使うと、エスケープが必要だからやめろ。

asdfghjk

https://mothereff.in/css-escapes (chromeだとエスケープしても効かない？)

IDやCLASS属性の先頭に数字使うと、エスケープが必要だからやめろ。 hi0a.com


  view source
  JavaScript
  selects = document.getElementsByClassName('555');
Array.prototype.forEach.call(selects, function(item) {
  item.style.color ='blue';
});


document.querySelectorAll('.\\35 55').style.fontWeight ='bold';

document.querySelectorAll('.5 55').style.fontStyle ='italic';

  CSS
  #\\35 55{
  color:red;
}

.\\35 55{
  color:red;
}
  HTML
  
    ページのソースを表示 : Ctrl+U , DevTools : F12
    view-source:https://hi0a.com/demo/-css/css-class-escape/
  
  ABOUT
  
    hi0a.com 「ひまあそび」は無料で遊べるミニゲームや便利ツールを公開しています。
    プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。
    必要な機能の関数をコピペ利用したり勉強に活用できます。
    プログラムの動作サンプル結果は画面上部に出力表示されています。
    環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。
    画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。
    仕様変更、API廃止等、実験途中で動かないページもあります。