您当前的位置: 首页 >  css3

暂无认证

  • 5浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

css3选择器篇

发布时间:2020-08-29 13:39:39 ,浏览量:5

标签选择器:

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
		
			我是标题
		

		

我是段落

"#">我是超链接
关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

0.8800s