<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #setfontsize{ font-size:50px; } #setfontcolor{ color:green; } </style> </head> <body> <ol> <li id="setfontcolor">测试</li> <li id="setfontsize">测试</li> <li id="setfontcolor">测试</li>/*这行代码也生效了*/ </ol> </body> </html>
id选择器在这里用了两次,但是都生效了,能解释下原因吗?
ID セレクターはドキュメント内で 1 回だけ使用できますか? - PHP 中国語 Web サイト Q&A - ID セレクターはドキュメント内で 1 回しか使用できませんか? -PHP中国語サイトQ&A
ぜひ見て学んでください。
所谓ID只能用一次,指的是就像一个人对应一个身份证一样,是不能有重复一样的,那么也就是你的这个页面中,<h1 id="xx"></h1>这里面的xx只能成为一个元素的id而不能继续成为p元素的id,你这样写是有违语法规范的。而你理解错了,在于你以为是效果只能用一次,实际上是只能被一个元素所拥有。
你的页面上看到了两个元素都是红色,这就好比你的身份证本来是你唯一持有的,却被坏人复制了,那么你所拥有的红色属性,他也可以拥有了。一般而言,是以类名class来定义样式的,就好比,你可以去买一个杯子,别人也可以买一个杯子,你们买的杯子都是一起机器制作的,是可以一模一样的。
一般来说,我们都是用类来定义不同元素的样式的,而id更多的是用在对此元素有唯一的设定,不论是设定样式还是交互效果