基础选择器

作者：管理员

发布时间：2020/7/28 9:50:22

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=2244

1. CSS选择器的作用

<div>我是div</div>
<p>我是段落</p>

• 根据不同的需求把不同的标签选出来这就是选择器的作用。简单来说就是选择标签用的
• CSS做两件事
• 找到所有选择的标签
• 设置这些标签的样式

1. 选择器分类

• 选择器分为基础选择器 和复合选择器 两大类
• 基础选择器是由单个选择器组成
• 基础选择器包括：标签选择器、类选择器、id选择器和通配符选择器
• 标签选择器

标签名{
 属性1：属性值1；
 属性2：属性值2；
 属性3：属性值3；
}

• 作用：可以把某一类标签全部选择出来。
• 优点：能快速为页面中同类型的标签统一设置样式
• 缺点：不能设计差异化样式，只能选择全部的当前标签
• 类选择器

.类名{
 属性1：属性值1；
 属性2：属性值2；
 属性3：属性值3；
}

• 类选择器口诀：
• 样式点定义，结构类（class）调用，一个或多个，开发最常用
• 【注意】
• 类选择器使用"."进行标识，后面紧跟类名（自定义）
• 可以理解为给这个标签起一个名字
• 长名称或者词组可以使用中横线来为选择器命名
• 不要使用纯数字、中文等命名，尽量使用英文字母来表示
• 命名要有意义，尽量使别人一眼就知道这个类名的目的
• 类选择器——多类名
• 多类名使用方式

关键字：css