大佬教程收集整理的这篇文章主要介绍了5.三种基本选择器-重要，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<!DOCTYPE html> <html lang="en"> <head> <@H_905_1@meta charset="UTF-8"> <@H_905_1@meta http-equiv="X-UA-Compatible" content="IE=edge"> <@H_905_1@meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*标签选择器, 会选择到页面上所有的这个标签的元素*/ h1 { color: hotpink; BACkground: greenyellow; border-radius: 15px; } p { font-size: 80px; } </style> </head> <body> <h1>学Java</h1> <h1>学Java</h1> <p>听狂神说</p> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <@H_905_1@meta charset="UTF-8"> <@H_905_1@meta http-equiv="X-UA-Compatible" content="IE=edge"> <@H_905_1@meta name="viewport" content="width=, initial-scale=1.0"> <title>Document</title> <style> /*类选择器的格式 .class的名称{} 好处, 可以多个标签归类, 是同一个class, 可以复用 */ .qinjiang { color: #be2424; } .kuangshen { color: indigo; } </style> </head> <body> <h1 class="qinjiang">标题1</h1> <h1 class="kuangshen">标题2</h1> <h1 class="qinjiang">标题3</h1> <p class="qinjiang">p标签</p> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <@H_905_1@meta charset="UTF-8"> <@H_905_1@meta http-equiv="X-UA-Compatible" content="IE=edge"> <@H_905_1@meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* id选择器: id必须保证全局唯一! #id名称 {} 不遵循就近原则, 固定的 id选择器> 类选择器> 标签选择器 */ #qinjiang { color: lawngreen; } .style1 { color: @H_905_1@magenta; } h1 { color: @H_905_1@mediumpurple; } </style> </head> <body> <h1 id="qinjiang" class="style1">标签1</h1> <h1 class="style1">标签2</h1> <h1 class="style1">标签3</h1> <h1>标签4</h1> <h1>标签5</h1> </body> </html>
@H_677_772@
以上是大佬教程为你收集整理的5.三种基本选择器-重要全部内容，希望文章能够帮你解决5.三种基本选择器-重要所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。