当前位置: 代码迷 >> Web前端 >> 有趣的权重有关问题 id和class
  详细解决方案

有趣的权重有关问题 id和class

热度:5103   发布时间:2013-02-26 00:00:00.0
有趣的权重问题 id和class

今天看了一篇文章说265个class可以干掉一个id,自己还不相信,就试了一下,还真的可以,其实id的权重是在10,class的权重是在1,class远远不是id的对手,但是现在感觉class团结起来真是无敌啊

HTML如下

<div id="gaga" class="gaga1 gaga2 gaga3 gaga4 gaga5 gaga6 gaga7 gaga8 gaga9 gaga10 gaga11 gaga12 gaga13 gaga14 gaga15 gaga16 gaga17 gaga18 gaga19 gaga20 gaga21 gaga22 gaga23 gaga24 gaga25 gaga26 gaga27 gaga28 gaga29 gaga30 gaga31 gaga32 gaga33 gaga34 gaga35 gaga36 gaga37 gaga38 gaga39 gaga40 gaga41 gaga42 gaga43 gaga44 gaga45 gaga46 gaga47 gaga48 gaga49 gaga50 gaga51 gaga52 gaga53 gaga54 gaga55 gaga56 gaga57 gaga58 gaga59 gaga60 gaga61 gaga62 gaga63 gaga64 gaga65 gaga66 gaga67 gaga68 gaga69 gaga70 gaga71 gaga72 gaga73 gaga74 gaga75 gaga76 gaga77 gaga78 gaga79 gaga80 gaga81 gaga82 gaga83 gaga84 gaga85 gaga86 gaga87 gaga88 gaga89 gaga90 gaga91 gaga92 gaga93 gaga94 gaga95 gaga96 gaga97 gaga98 gaga99 gaga100 gaga101 gaga102 gaga103 gaga104 gaga105 gaga106 gaga107 gaga108 gaga109 gaga110 gaga111 gaga112 gaga113 gaga114 gaga115 gaga116 gaga117 gaga118 gaga119 gaga120 gaga121 gaga122 gaga123 gaga124 gaga125 gaga126 gaga127 gaga128 gaga129 gaga130 gaga131 gaga132 gaga133 gaga134 gaga135 gaga136 gaga137 gaga138 gaga139 gaga140 gaga141 gaga142 gaga143 gaga144 gaga145 gaga146 gaga147 gaga148 gaga149 gaga150 gaga151 gaga152 gaga153 gaga154 gaga155 gaga156 gaga157 gaga158 gaga159 gaga160 gaga161 gaga162 gaga163 gaga164 gaga165 gaga166 gaga167 gaga168 gaga169 gaga170 gaga171 gaga172 gaga173 gaga174 gaga175 gaga176 gaga177 gaga178 gaga179 gaga180 gaga181 gaga182 gaga183 gaga184 gaga185 gaga186 gaga187 gaga188 gaga189 gaga190 gaga191 gaga192 gaga193 gaga194 gaga195 gaga196 gaga197 gaga198 gaga199 gaga200 gaga201 gaga202 gaga203 gaga204 gaga205 gaga206 gaga207 gaga208 gaga209 gaga210 gaga211 gaga212 gaga213 gaga214 gaga215 gaga216 gaga217 gaga218 gaga219 gaga220 gaga221 gaga222 gaga223 gaga224 gaga225 gaga226 gaga227 gaga228 gaga229 gaga230 gaga231 gaga232 gaga233 gaga234 gaga235 gaga236 gaga237 gaga238 gaga239 gaga240 gaga241 gaga242 gaga243 gaga244 gaga245 gaga246 gaga247 gaga248 gaga249 gaga250 gaga251 gaga252 gaga253 gaga254 gaga255 gaga256">我是神马颜色</div>

css样式

#gaga{color:#f00;}.gaga1.gaga2.gaga3.gaga4.gaga5.gaga6.gaga7.gaga8.gaga9.gaga10.gaga11.gaga12.gaga13.gaga14.gaga15.gaga16.gaga17.gaga18.gaga19.gaga20.gaga21.gaga22.gaga23.gaga24.gaga25.gaga26.gaga27.gaga28.gaga29.gaga30.gaga31.gaga32.gaga33.gaga34.gaga35.gaga36.gaga37.gaga38.gaga39.gaga40.gaga41.gaga42.gaga43.gaga44.gaga45.gaga46.gaga47.gaga48.gaga49.gaga50.gaga51.gaga52.gaga53.gaga54.gaga55.gaga56.gaga57.gaga58.gaga59.gaga60.gaga61.gaga62.gaga63.gaga64.gaga65.gaga66.gaga67.gaga68.gaga69.gaga70.gaga71.gaga72.gaga73.gaga74.gaga75.gaga76.gaga77.gaga78.gaga79.gaga80.gaga81.gaga82.gaga83.gaga84.gaga85.gaga86.gaga87.gaga88.gaga89.gaga90.gaga91.gaga92.gaga93.gaga94.gaga95.gaga96.gaga97.gaga98.gaga99.gaga100.gaga101.gaga102.gaga103.gaga104.gaga105.gaga106.gaga107.gaga108.gaga109.gaga110.gaga111.gaga112.gaga113.gaga114.gaga115.gaga116.gaga117.gaga118.gaga119.gaga120.gaga121.gaga122.gaga123.gaga124.gaga125.gaga126.gaga127.gaga128.gaga129.gaga130.gaga131.gaga132.gaga133.gaga134.gaga135.gaga136.gaga137.gaga138.gaga139.gaga140.gaga141.gaga142.gaga143.gaga144.gaga145.gaga146.gaga147.gaga148.gaga149.gaga150.gaga151.gaga152.gaga153.gaga154.gaga155.gaga156.gaga157.gaga158.gaga159.gaga160.gaga161.gaga162.gaga163.gaga164.gaga165.gaga166.gaga167.gaga168.gaga169.gaga170.gaga171.gaga172.gaga173.gaga174.gaga175.gaga176.gaga177.gaga178.gaga179.gaga180.gaga181.gaga182.gaga183.gaga184.gaga185.gaga186.gaga187.gaga188.gaga189.gaga190.gaga191.gaga192.gaga193.gaga194.gaga195.gaga196.gaga197.gaga198.gaga199.gaga200.gaga201.gaga202.gaga203.gaga204.gaga205.gaga206.gaga207.gaga208.gaga209.gaga210.gaga211.gaga212.gaga213.gaga214.gaga215.gaga216.gaga217.gaga218.gaga219.gaga220.gaga221.gaga222.gaga223.gaga224.gaga225.gaga226.gaga227.gaga228.gaga229.gaga230.gaga231.gaga232.gaga233.gaga234.gaga235.gaga236.gaga237.gaga238.gaga239.gaga240.gaga241.gaga242.gaga243.gaga244.gaga245.gaga246.gaga247.gaga248.gaga249.gaga250.gaga251.gaga252.gaga253.gaga254.gaga255.gaga256{color:#00f;}


  相关解决方案