数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究CSS 中 “.” 和 “#” 选择器的区别
'.' 选择器
'.' 选择器是类级选择器。点运算符用于创建一个样式类，然后该样式类可以应用于多个 html 元素。
'#' 选择器
'#' 选择器是元素级选择器。散列运算符用于对特定元素应用样式，该元素的 id 与 '#' 选择器中所使用的相同
示例
下面的示例展示了 '.' 和 '#' 选择器在三个 div 元素上使用的用法。
<!DOCTYPE html>
<html>
<head>
<title>Selector Example>/title>
<style>
.blackBorder {
border: 2px solid black;
}
#redDiv {
border: 2px solid red;
}
</style>
</head>
<body>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
<div id="redDiv"> Red Border Box </div>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
</body>
</html>
更新于： 2020 年 1 月 13 日
2K+ 观看
广告