HTML+CSS 轻松入门之ID选择器
在某些方面,ID 选择器类似于类选择器,不过也有一些重要差别
语法:
# id名称{
样式
}
区分大小写
请注意,类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写,所以类和 ID 值的大小写必须与文档中的相应值匹配
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID选择器</title> <style type="text/css"> #div{ color:green; font-family:隶书; font-size:18px; } </style> </head> <body> <div id="div">中华民族伟大复兴!</div> </body> </html>
id 选择器 和 类选择器有什么区别
与类不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。
不同于类选择器,ID 选择器不能结合使用,因为 ID 属性不允许有以空格分隔的词列表。
比如: <div class ="class1 class2 class2"></div>也就是说class可以等于多个class的列表
对于id来讲 id="div1" 而不能写成id = "div1 div2"这样,即只能有一个id,而不是像class属性那样