CSS：样式ID没有任何效果 div#mydiv img#1{宽度：30px} div#mydiv img#2{宽度：60px}

为什么造型不起作用

---

Js fiddle:

您可以用一个数字来启动ID选择器（详细说明，请看Xec的答案），但在CSS中，这不是一个好的做法，它需要转义或以字母开头。我建议您在HTML中使用类似

id=“img2”

的名称对其进行更改。在css中也可以使用

#img2

，你可以用一个数字来启动ID选择器（更详细地看Xec的答案），但在css中这不是一个好的做法，它需要转义或以字母开头。我建议您在HTML中使用类似

id=“img2”

的名称对其进行更改。在css中使用

#img2

ID以数字开头在HTML5中完全有效，但不幸的是，如果不转义第一个字符，或者使用属性选择器，就无法在css中使用哈希符号选择它

/*unicode 0031==“1”*/
div#mydiv img#\0031{宽度：30px}
/*可以工作，但比散列表示法具有更少的特殊性*/
div#mydiv img[id=“2”]{宽度：60px}

为了简化选择器，我建议您以字母字符（a-z）开头命名ID

来源

博客写作：

规格：

W3C常见问题解答：

---

ID以数字开头在HTML5中是完全有效的，但不幸的是，如果不转义第一个字符，或者使用属性选择器，就不能在css中使用哈希符号来选择它

/*unicode 0031==“1”*/
div#mydiv img#\0031{宽度：30px}
/*可以工作，但比散列表示法具有更少的特殊性*/
div#mydiv img[id=“2”]{宽度：60px}

为了简化选择器，我建议您以字母字符（a-z）开头命名ID

来源

博客写作：

规格：

W3C常见问题解答：

<div id="mydiv">
<img width="190" height="190" src="http://distilleryimage0.s3.amazonaws.com/9fe1cfd2cd4311e28e5722000a9f195f_6.jpg" id="1">
<img width="190" height="190" src="http://distilleryimage0.s3.amazonaws.com/9fe1cfd2cd4311e28e5722000a9f195f_6.jpg" id="2">
<img width="190" height="190" src="http://distilleryimage0.s3.amazonaws.com/9fe1cfd2cd4311e28e5722000a9f195f_6.jpg" id="3">
<img width="190" height="190" src="http://distilleryimage0.s3.amazonaws.com/9fe1cfd2cd4311e28e5722000a9f195f_6.jpg" id="4">
<img width="190" height="190" src="http://distilleryimage0.s3.amazonaws.com/9fe1cfd2cd4311e28e5722000a9f195f_6.jpg" id="5">
<img width="190" height="190" src="http://distilleryimage0.s3.amazonaws.com/9fe1cfd2cd4311e28e5722000a9f195f_6.jpg" id="6">
</div>

<style>
div#mydiv img#1 {width:30px}
div#mydiv img#2 {width:60px}
</style>