それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

CSSのクラス指定数の限界は255?

css の優先順位の計算でid は最強で256 として計算される

では 255 以上になるように、クラスなどセレクタを足したら・・・・

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style type="text/css">
#hoge{
	color:red;
}
body div.cls1.cls2.cls3.cls4.cls5.cls6.cls7.cls8.cls9.cls10.cls11.cls12.cls13.cls14.cls15.cls16.cls17.cls18.cls19.cls20.cls21.cls22.cls23.cls24.cls25.cls26.cls27.cls28.cls29.cls30.cls31.cls32.cls33.cls34.cls35.cls36.cls37.cls38.cls39.cls40.cls41.cls42.cls43.cls44.cls45.cls46.cls47.cls48.cls49.cls50.cls51.cls52.cls53.cls54.cls55.cls56.cls57.cls58.cls59.cls60.cls61.cls62.cls63.cls64.cls65.cls66.cls67.cls68.cls69.cls70.cls71.cls72.cls73.cls74.cls75.cls76.cls77.cls78.cls79.cls80.cls81.cls82.cls83.cls84.cls85.cls86.cls87.cls88.cls89.cls90.cls91.cls92.cls93.cls94.cls95.cls96.cls97.cls98.cls99.cls100.cls101.cls102.cls103.cls104.cls105.cls106.cls107.cls108.cls109.cls110.cls111.cls112.cls113.cls114.cls115.cls116.cls117.cls118.cls119.cls120.cls121.cls122.cls123.cls124.cls125.cls126.cls127.cls128.cls129.cls130.cls131.cls132.cls133.cls134.cls135.cls136.cls137.cls138.cls139.cls140.cls141.cls142.cls143.cls144.cls145.cls146.cls147.cls148.cls149.cls150.cls151.cls152.cls153.cls154.cls155.cls156.cls157.cls158.cls159.cls160.cls161.cls162.cls163.cls164.cls165.cls166.cls167.cls168.cls169.cls170.cls171.cls172.cls173.cls174.cls175.cls176.cls177.cls178.cls179.cls180.cls181.cls182.cls183.cls184.cls185.cls186.cls187.cls188.cls189.cls190.cls191.cls192.cls193.cls194.cls195.cls196.cls197.cls198.cls199.cls200.cls201.cls202.cls203.cls204.cls205.cls206.cls207.cls208.cls209.cls210.cls211.cls212.cls213.cls214.cls215.cls216.cls217.cls218.cls219.cls220.cls221.cls222.cls223.cls224.cls225.cls226.cls227.cls228.cls229.cls230.cls231.cls232.cls233.cls234.cls235.cls236.cls237.cls238.cls239.cls240.cls241.cls242.cls243.cls244.cls245.cls246.cls247.cls248.cls249.cls250.cls251.cls252.cls253.cls254.cls255
 {
	color: blue;
}
</style>
<div id="hoge" class="
cls1 cls2 cls3 cls4 cls5 cls6 cls7 cls8 cls9 cls10 cls11 cls12 cls13 cls14 cls15 cls16 cls17 cls18 cls19 cls20 cls21 cls22 cls23 cls24 cls25 cls26 cls27 cls28 cls29 cls30 cls31 cls32 cls33 cls34 cls35 cls36 cls37 cls38 cls39 cls40 cls41 cls42 cls43 cls44 cls45 cls46 cls47 cls48 cls49 cls50 cls51 cls52 cls53 cls54 cls55 cls56 cls57 cls58 cls59 cls60 cls61 cls62 cls63 cls64 cls65 cls66 cls67 cls68 cls69 cls70 cls71 cls72 cls73 cls74 cls75 cls76 cls77 cls78 cls79 cls80 cls81 cls82 cls83 cls84 cls85 cls86 cls87 cls88 cls89 cls90 cls91 cls92 cls93 cls94 cls95 cls96 cls97 cls98 cls99 cls100 cls101 cls102 cls103 cls104 cls105 cls106 cls107 cls108 cls109 cls110 cls111 cls112 cls113 cls114 cls115 cls116 cls117 cls118 cls119 cls120 cls121 cls122 cls123 cls124 cls125 cls126 cls127 cls128 cls129 cls130 cls131 cls132 cls133 cls134 cls135 cls136 cls137 cls138 cls139 cls140 cls141 cls142 cls143 cls144 cls145 cls146 cls147 cls148 cls149 cls150 cls151 cls152 cls153 cls154 cls155 cls156 cls157 cls158 cls159 cls160 cls161 cls162 cls163 cls164 cls165 cls166 cls167 cls168 cls169 cls170 cls171 cls172 cls173 cls174 cls175 cls176 cls177 cls178 cls179 cls180 cls181 cls182 cls183 cls184 cls185 cls186 cls187 cls188 cls189 cls190 cls191 cls192 cls193 cls194 cls195 cls196 cls197 cls198 cls199 cls200 cls201 cls202 cls203 cls204 cls205 cls206 cls207 cls208 cls209 cls210 cls211 cls212 cls213 cls214 cls215 cls216 cls217 cls218 cls219 cls220 cls221 cls222 cls223 cls224 cls225 cls226 cls227 cls228 cls229 cls230 cls231 cls232 cls233 cls234 cls235 cls236 cls237 cls238 cls239 cls240 cls241 cls242 cls243 cls244 cls245 cls246 cls247 cls248 cls249 cls250 cls251 cls252 cls253 cls254 cls255

">
サンプルテキスト
</div>
</body>
</html>


はい。ID最強です。ID多用すると大変なことになりますね。

広告を非表示にする