CSS选择器优先级与匹配原理\x0d\x0a1id 选择器#myid2类选择器myclassname3标签选择器div，h1 ，p4相邻选择器h1+p5子选择器ul lt li6后代选择器li a7通配符选择器*8属性选择器arel=quotexternalquot9伪类选择器ahover ，linthchild\x0d\x0a其中ID选择器的效率；1类别选择器 类选择器根据类名来选择，前面以“”来标志示例demoDiv color#FF0000 2标签选择器 一个完整的HTML页面是有很多不同的标签组成 ，而标签选择器 ，则是决定哪些标签采用相应的CSS样式在stylecss文件中对p标签样式的声明如下p fontsize12pxbackground#900color；1标签选择器如body，div ，p ，ul，li2类选择器如class=quotheadquot ，class=quothead_logoquot。
CSS中常见的选择器主要分为以下六类简单选择器用于直接匹配元素或其属性包括通用选择器匹配所有元素 ，例如* color red E标签选择器匹配指定标签名的元素，例如p fontsize 16px class选择器匹配class属性包含指定值的元素 ，例如info background #eee #id选择器匹配id属；CSS基本选择器包括标签选择器类选择器和ID选择器 ，它们分别用于为HTML元素添加样式以下是详细的使用 。
css常用的四种选择器类型有标签选择器针对一类标签 ID选择器针对某一个特定的标签使用 类选择器针对你想要的所有标签使用 后代选择器用空格隔开 1标签选择器选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性” ，无法描述某一个元素的“；主要的CSS选择器包括以下几种1 标签选择器根据HTML标签名称来选择页面中的元素2 类选择器通过元素的类名class来进行选择3 ID选择器通过元素的ID属性值来选择唯一的元素4 全局选择器应用于文档中的所有元素 ，没有特定的选择范围限定5 组合选择器通过逗号分隔来选择多个；CSS伪选择器Pseudoclasses 和 Pseudoelements是强大的工具，能够帮助开发者以更简洁的代码实现复杂的样式效果以下是16个实用的CSS伪选择器 ，它们可以减少对JavaScript的依赖 ，提升开发效率1 firstline选择文本的首行换行前pfirstline color lightcoral2 firstletter 。
*选择器常见类型id选择器和class选择器id选择器用 # 标识，如 #idNameclass选择器用。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/11517.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《常用css选择器有哪些(css选择器的格式有哪些类型)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：CSS选择器优先级与匹配原理\x0d\x0a1id选择器#myid2类选择器myclassname3标签选择器div，h1...