CSS选择器篇

最新推荐文章于 2022-10-31 17:04:45 发布

何北木

最新推荐文章于 2022-10-31 17:04:45 发布

阅读量269

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/weixin_44908855/article/details/106885724

版权

本文详细介绍了CSS选择器的各个类型，包括标签选择器、类选择器、ID选择器、通配符选择器，以及复合选择器如交集、并集、后代、子元素、紧邻兄弟和兄弟选择器。此外，还探讨了伪类和伪元素选择器，特别是链接伪类选择器的使用顺序。这些内容有助于精确控制网页元素的样式。

摘要由CSDN通过智能技术生成

要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。

标签选择器是指用HTML标签名作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：

/*标签选择器 可以把某一类标签全部选择出来 div span */
 标签名 {
   
 	属性1:属性值1; 
 	属性2:属性值2; 
 	属性3:属性值3;
 }

注：标签选择器最大的优点是能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。

类选择器使用.（英文点号）进行标识，后面紧跟类名，其基本语法格式如下：

 /*标签调用的时候用 class=“类名” 即可*/
 .类名{
   
 	属性1:属性值1; 
 	属性2:属性值2; 
 	属性3:属性值3; 
 }

注：类选择器最大的优势是可以为元素对象定义单独或相同的样式。可以选择一个或者多个标签

小技巧

最低0.47元/天解锁文章

关注

专栏目录