#myFirstId { font-size: 20px; color: red; }
CSS3中,id使用#表示,例如上面的代码中,表示匹配id为“myFirstId”的元素,然后对它进行样式操作。其实id可以看做是HTML元素的唯一标识符,所以同一个HTML文档中,一个id只能出现一次,且命名需要符合规范。
id具有很高的优先级,因此它可以覆盖掉普通的样式,比如:
p { color: black; } #myFirstId { color: red; }
以上代码表示给所有的段落设置黑色字体颜色,但是如果id为“myFirstId”的段落出现了,那么字体颜色就会变成红色。这是因为id选择器优先级比标签选择器要高,所以后者会被覆盖掉。
总之,CSS3的id选择器是一项非常强大的特性,并且在实际开发中也经常使用到,掌握它可以使你的项目更加专业和具有吸引力。