TEL:400-8793-956
当前位置:程序、服务器

想清楚了解 CSS Class & ID 选择器

提问者: 近期获赞: 浏览人数: 发布时间:2021-09-22 09:00:58

 问:请帮助我。我对 CSS 类和 Id 选择器的工作感到困惑。有些人说 ID 是一个唯一的选择器,但我发现我可以在几个元素上使用相同的 ID,比如类选择器。这里有两个我制作的例子,请帮助我。

 
/类选择器/
 
<!DOCTYPE html> <html lang="en"> <head>
 
< meta  charset = "utf-8" > 
< title > HTML Basic </ title > 
< style > 。MainHeader {背景:#556677 ; } </样式> 
 
</head> <body> <header class="MainHeader"> <p>它是主标题</p> </header> <footer class="MainHeader"> <p> © 2015 || 伊斯兰教 </p> </footer> </body> </html>
 
/*Id选择器*/
 
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> HTML Basic </title> <style> #MainHeader{ background:#556677; }
 
 </风格>
</head> <body> <header id="MainHeader"> <p>它是主标题</p> </header> <footer id="MainHeader"> <p> © 2015 || 伊斯兰教 </p> </footer> </body> </html>
 
 
答:Web 浏览器在呈现页面时不会将 id 和类视为相同的。当您的页面加载时,级联样式表的本质意味着一些 CSS 规则将覆盖其他规则。浏览器必须有一种方法来决定哪个规则获胜,有几种方法。一种是订购源代码。较晚的 CSS 规则覆盖较早的规则。
 
但另一个是 CSS 特异性。CSS中的class值10分,id值100分。仅凭这一点,您就可以看到一个 id 可以轻松覆盖一个类,或者需要一个具有 10 个类的选择器才能获得与具有一个 id 的选择器相同的特异性。如果你不小心,这会变得非常混乱,非常快,因为你认为一个规则应该覆盖另一个,但它不会,你会发现这是因为它不像另一个那么具体。它具有较少的 css 特异性点。
上一篇: 为页面设置字符集...它应该是什么?
下一篇: WordPress 导入文件是一个 [answer] 文件
城市网站导航:无锡网站建设 徐州企业网站定制 常州网站开发哪家好 苏州网站改版 南通网站开发 连云港网站建设 淮安网站建设公司 盐城网站定制 扬州网站改版公司 镇江网站开发 泰州高端网站制作 宿迁高端网站开发 江阴高端网站开发 宜兴建设网站 新沂建设网站 邳州建设网站 常熟建设网站 张家港网站改版 昆山公司网站开发 太仓高端网站制作 丹阳高端网站制作 句容专业建站 泰兴网站制作公司 合肥网站建设 芜湖网站制作 蚌埠网站建设 淮南网站制作哪家好 马鞍山网站建设 铜陵网站制作公司 安庆网站建设公司 黄山网站制作 滁州网站建设 阜阳网站设计 六安网站建设 亳州网站制作 宣城网站建设 巢湖网站建设哪家好 桐城网站制作 天长网站建设 明光网站建设 全椒网站建设 扬中网站建设公司 城市小程序导航: