标签选择器:
Document陈业贵
陈业贵
陈业贵
陈业贵
-
-
-
我是段落
-
-
核心;给html标签设置相应的css属性。(精确的)
id选择器:
Document"identity1">1111
"identity2">1111
"identity3">1111
"identity4">1111
核心;唯一 (同一页面内), 标签命名规则: /4.1id的名称只能由字母/数字/下划线 a-z 0-9 _ 4.2id名称不能以数字开头 4.3id名称不能是HTML标签的名称 不能是a h1 img input …/ 在css中id标签的显示是:#。
类选择器:
Document"pp">迟到毁一生
"ppp">早退穷三代
"pppp">按时上下班
"ppppp">必成高富帅
"para1 para2">我是段落
"para1 para2">我是段落
核心:类与id选择器相反,是同一页面可以重复,同时一个标签可以设置多个类名。并且·多个类名都可以有作用的哦。
id选择器和class选择器:
Document"colorR size30">第一段文字
"size30 line">第二段文字
"colorR line">第三段文字
核心:一个标签中可以设置多个类,可以的哦。
后代选择器:
Document陈业贵
"identity" class="para">666
666
"iii" class="ccc">我是段落
99999
9999
我是段落
核心:这里面有优先级的意思勒,id》类》标签 后代选择器的核心是找到选择器名称的最后哪一个设置样式,前面的是在哪里???
子元素选择器:
Document我是段落
"identity">我是段落
我是段落
我是段落
我是段落
核心;找到选择器最后的名称设置样式,这里和后代选择器相似。 记住,他只会查找对应的标签对应的子元素,不是孙子元素哈哈,记住哈. 具体还要看优先级哈。
后代选择器和子元素选择器: 核心:其实两者最大的的不同是后代是查找包括子元素,孙子元素之类的。。。 而子元素只会查找子元素,不会查找孙子的哈。
交集选择器:
Document我是段落
我是段落
"para1" id="identity">我是段落
"para1">我是段落
我是段落
核心是:必须是选择器和选择器之间没有任何的连接符号。符合所有要求的才行啊。
并集选择器:
Document "ht">我是标题"para">我是段落
我是段落
我是段落
核心:1.并集选择器必须使用逗号来连接 2.选择器可以使用标签名称/id名称/class名称 给所有选择器选中的标签设置属性
兄弟选择器:
"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document 我是标题 "#">我是超链接我是段落
我是段落
"#">我是超链接我是段落
我是标题我是段落
我是段落
我是段落
核心:给指定选择器后面紧跟的那个选择器选中的标签设置属性(h1+p)。 (h1~p)是给指定选择器的后面的所有选择器设置属性。
序选择器:
"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document 我是标题我是段落1
我是段落2
我是段落3
我是段落4
我是段落5
我是段落6
我是段落7
我是段落8
"para">我是段落1
"para">我是段落2
"para">我是段落2
我是标题
"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document我是项目
我是项目
我是项目
我是项目
我是项目
我是项目
我是项目
属性选择器:
"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"identity1">我是段落1
"identity2" class="cc">我是段落2
"cc">我是段落3
"identity3" class="para">我是段落4
我是段落5
"en">"UTF-8">"viewport" content="width=device-width, initial-scale=1.0">Document"" alt="abcdef">
"" alt="abc-www">
"" alt="abc ppp">
"" alt="defabc">
"" alt="ppp abc">
"" alt="www-abc">
"" alt="qq">
"" alt="yy">
通配符选择器:
Document 我是标题我是段落
"#">我是超链接