<学习CSS>第二天笔记-选择器(标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器)

本文详细介绍了CSS选择器,包括标签选择器、类选择器、CSS命名规范、多类名选择器、ID选择器、通配符选择器和伪类选择器。通过实例解析了各选择器的用法和特点,强调了类选择器和ID选择器的唯一性区别,并探讨了CSS命名的最佳实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

四、选择器

要想将CSS样式应用于持定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务的样式规则部分则成为选择器(选择符)。

(一)标签选择器(元素选择器)
标签选择器是只用于HTML标签名作为选择器,按标签名分类,为页面中某一类标签指定统一的css样式。
基本语法格式:

标签名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }


元素名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
(标签选择器最大的优点是能快速为页面中同类型的标签统一样式,同时这也是它的缺点,不能设计差异化样式。)

(二)类选择器
类选择器使用“.”(英文点号)进行标识,后面紧跟类名
语法格式:
.类名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
标签调用时用class=”类名”即可

例:这里写图片描述
类选择器示例代码图

类选择器最大的优势是可以为元素对象定义单独或相同的样式。

(三)CSS命名规范
*小技巧:①长名称或词组可以使用”-“中横线来为选择器命名;
②不建议使用”_“下划线来命名css选择器;
(浏览器兼容问题‘比如使用_tips的选择器命名,在IE6中是无效的’
能良好区分Java Script变量命名,JS变量命名是用”_“下划线

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值