id选择器语法
同理,我们可以看出,id选择器的语法规则如下:
首先,将html中想要应用类样式的元素,指定id名。
<元素名 id="指定的类名"></元素名>
<元素名 id="指定的类名">
然后,书写相应类的样式。
指定的类名 {样式声明}
类选择器与id选择器的区别
类选择器与id选择器类似,那么它们的区别是什么呢?什么情况下应该使用哪一种选择器呢?
它们最大的区别在于,在一个 HTML 文档中,可以为任意多个元素指定类,但id选择器只能使用一次,一个id只能运用于一个元素。
一般情况下,都推荐使用类选择器。而在一些特定情况下,我们才会建议使用id选择器。例如,通过id选择器在页面中定义锚,在编写 JavaScript 为指定的页面元素应用特殊行为时。
编程要求
为header元素添加名为menu的id;
使用id选择器,设置精选(#chosen)标题为红色(red),时事( #news)标题为蓝色(blue),财政(#finance)标题为橄榄绿(olive), 思想(#think)标题为绿色(green),生活(#life)标题为橘色(orange)。
<!DOCTYPE html>
精选
时事
财政
思想
生活
Copyright (c) News Copyright Holder All Rights Reserved.