html的几种选择器

您所在的位置：网站首页 › css选择器有哪几种类型 › html的几种选择器

html的几种选择器

#html的几种选择器| 来源: 网络整理| 查看: 265

一、并集选择器

二、后代选择器

三、子元素选择器

四、相邻元素选择器

五、交集选择器

六、通用兄弟选择器

七、序选择器

同级别：

同类型：

八、属性选择器

九、通用选择器

一、并集选择器

就是把两个选择器写在一起，用逗号隔开。例如：.pp1,.pp2{}

第九题 .pp1,.pp2{color:red;font-size:50px;} .ss1{font-weight:bolder;}

我是标题

我是段落

二、后代选择器

标签之间有先后顺序，中间用空格隔开，选择器1 选择器2 选择器3{}。例如：div ul li{}

第五题 body div p{ text-indent:1em; } body div h2{ color:blue; font:italic bolder 30px "黑体"; text-indent:2em;} } 正能量故事五：用人之道

去过庙的人都知道，一进庙门，首先是弥陀佛，笑脸迎客，而在他的北面，则是黑口黑脸的韦陀。但相传在很久以前，他们并不在同一个庙里，而是分别掌管不同的庙。

1.为什么弥乐佛来的人非常多，依然入不敷出？

弥乐佛热情快乐，所以来的人非常多，但他什么都不在乎，丢三拉四，没有好好的管理账务，所以依然入不敷出。

2.为什么韦陀管账是一把好手，最后却香火断绝？

而韦陀虽然管账是一把好手，但成天阴着个脸，太过严肃，搞得人越来越少，最后香火断绝。

3.为什么在大师的眼里，没有废人？

佛祖在查香火的时候发现了这个问题，就将他们俩放在同一个庙里，由弥乐佛负责公关，笑迎八方客，于是香火大旺。而韦陀铁面无私，锱珠必较，则让他负责财务，严格把关。在两人的分工合作中，庙里一派欣欣向荣景象。

4.我们在这个故事里面得到的启示是什么？

其实在用人大师的眼里，没有废人，正如武功高手，不需名贵宝剑，摘花飞叶即可伤人，关键看如何运用。

三、子元素选择器

选择器1>选择器2>选择器3{}

四、相邻元素选择器

子选择器的综合使用 body h1+p{color:yellow;} body div h2+p{color:green;} body div div p{color:red;} body div div p+p{color:pink;} body div div+p{color:purple;} body p{color:blue;} Headline

paragraph 1

Headline 2

paragraph 2

paragraph 3

paragraph 4

paragraph 5

paragraph 6

五、交集选择器

就是两个不同的选择器一起用。#ss1.cc1{}

第七题 #s1.c1{font-size:30px;color:green;text-align:right;} #s2.c1{font-size:30px;color:green;text-align:right;} 成功法则

迟到毁一生

早退穷三代

按时上下课

必成高富帅

六、通用兄弟选择器

h1~p h1后面的p全部选中

a~p a后面的p全部选中

七、序选择器

只识别div，可以和其他选择器结合

同级别：

first-child 同级别第一个

last-child 同级别最后一个

nth-child(n) (n)为同级别中的第n个标签

nth-last-child(n) (n)为同级别中倒数的第n个标签

only-child 唯一标签

nth-child(odd) 同级别中的奇数标签

nth-child(even) 同级别中的偶数标签

html的几种选择器

html的几种选择器

今日新闻

推荐新闻