CSS基础选择器_css 类名+类名

CSS基础选择器
标签选择器
1.标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
2.语法：标签名（属性1：属性值1；属性2：属性值2；属性3：属性值3；）
3.作用： 可以把某一类标签全部选择出来 比如所有的div标签 和所有的span标签
4.优点：能快速为页面中同类型的标签统一样式
5.缺点：不能设计差异化样式
类选择器
类选择器使用“.”(英文点号)进行标识，后面紧跟类名.
1.语法：
.类名 (
属性1:属性值1；
属性2：属性值2；
属性3：属性值3；
）
2.标签
＜p class=‘类名’>

3.优点：
。可以为元素对象定义单独或相同的样式。可以选择一个或者多个标签注意
。类选择器使用“.”(英文点号)进行标识，后面紧跟类名(自定义，我们自己命名的)。长名称或词组可以使用中横线来为选择器命名。
。不要纯数字、中文等命名，尽量使用英文字母来表示。
4.记忆口诀
（差异化选择
一个或多个
上面点定义
类名别写错
谁用谁调用
class来做
嘿嘿，工作类最多）
id选择器
1.id选择器使用#进行标识，后面紧跟id名

•其基本语法格式如下：
#id名《属性1：属性值1；属性2：属性值2；属性3：属性值3；)

。标签

2.元素的id值是唯一的，只能对应于文档中某一个具体的元素。

3.用法基本和类选择器相同。
id选择器和类选择器区别
W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。

。类选择器(class)好人的名字，是可以多次重复使用的，比如 张伟 王伟 李伟 李娜

。 id选择器 好比人的身份证号码，全中国是唯一的，不得重复。只能使用一次。
id选择器和类选择器最大的不同在于 使用次数上。

•类选择器我们在修改样式中，用的最多。
。id选择器一般用于页面唯一性的元素身上，经常和我们后面学习的javascript搭配使用。

后代选择器
•概念：
后代选择器又称为包含选择器

•作用：
用来选择元素或元素组的子孙后代

•其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子。父级 子级(属性：属性值；属性：属性值；)

•语法： 选择语言
.class h3(color:red;font-size:16px;)

•当标签发生嵌套时，内层标签就成为外层标签的后代。

•子孙后代都可以这么选择。或者说，它能选择任何包含在内的标签。

子元素选择器

•作用：子元素选择器只能选择作为某元素子元素(亲儿子)的元素。

•其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个>进行连接

•语法：
.class>h3(color:red;font-size:14px;)
这里的子指的是亲儿子 不包含孙子重孙子之类。
比如： .demo > h3 (color: red;) 说明h3 一定是demo 亲儿子。 demo 元素包含着h3。