css选择器汇总整理，元素类名与类名元素有什么区别_CSS学习

资料来源：网络整理时间：2023/3/4 1:44:06 共计：3585 浏览

元素.类名例如：p.abc{ color:red; } 类名是abc的标签p的颜色是red 类名.元素 .abc p{ color:red; } 表示：类名abc的任何标签旗下的p标签颜色是red

>10 CSS类选择器也就是选择html编码中标明为特定Class(类)的元素.如<p Class="mytest">这是我要编辑的段落</p>，在CSS文件中可用 .mytest{ }来表达想要显示的样式。简单地说，CSS类选择器用" . "做前缀。

CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。

（1）关系选择器

例如： h1>strong

说明：表示选择嵌套在h1标记的子标记strong。

（2）临近兄弟选择器

例如： h2+p

说明：表示选择h2标记后紧邻的第一个兄弟标记p。

（3）普通兄弟选择器

例如：p~h2

说明：表示选择p标记所有的h2兄弟标记

.h1是类选择器

#h1是id选择器

h1是标签选择器

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。