H5 16-并集选择器

【H5 16-并集选择器】的更多相关文章

css案例学习之并集选择器

代码 <html> <head> <title>并集选择器</title> <style type="text/css"> h1, h2, h3, h4, h5, p{ /*并集选择器*/ color:purple; /* 文字颜色 */ font-size:15px; /* 字体大小 */ } h2.special, .special, #one{ /* 集体声明 */ text-decoration:underline;…

16-并集选择器我是标题我是段落我是段落我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>16-并集选择器</title> <style> /* .ht{ color: red; } .para{ color: red; } */ .ht,.para{ color: red;…

css的高级选择器,后代选择器,子代选择器,并集选择器,交集选择器

高级选择器: 后代选择器子代选择器并集选择器交集选择器一.后代选择器: 使用空格表示后代选择器,父元素的后代(包括儿子,孙子,从孙子) 也就是说,box类下的所有span标签字体颜色都被设置为了红色 .box span{ color:red; } 二.子代选择器: 使用>表示子代选择器. 之选中box类下第一层的span标签设置为红色 .box>span{ color:red; } 三.并集选择器: 多个选择器之间用逗号隔开,表示选中页面中的多个标签, 一些共性的元素可以使用并集选…

03.CSS选择器-->交集并集选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>高级选择器</title> <style> /*交集选择器*/ /*既是P标签,类名称又会text的元素字体变为红色*/ p.text{ color: red; } /*并集选择器*/ /*让container下的所有元素内容为蓝色*/ #con…

python 之前端开发（基本选择器、组合选择器、交集与并集选择器、序列选择器、属性选择器、伪类选择器、伪元素选择器）

11.3 css 11.31 基本选择器 11.311 id选择器根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #p1 {color: red;} 引用id一定要加# #p2…

HTML+CSS基础并集选择器

并集选择器.a,.b…

CSS 交集选择器和并集选择器

交集选择器是and 也就是要同时满足且只能交2个只能交2个只能交2个,第一个是标记,第二个是class或者id,之间不可以有空格 eg: span.small-height 并集选择器是or,也就是左边或者右边用","隔开. 交集选择器 span.small-height{width:100%;height:30px;} 并集选择器 span, .p2, #p3{ display:inline; color:red; } 并集选择器内有交集选择器 span.small-…

H5 68-伪元素选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>68-伪元素选择器</title> <style> *{ margin: 0; padding: 0; } div{ width: 200px; height: 200px; background-color: red; } /* p{ widt…

H5 21-属性选择器下

21-属性选择器下 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>21-属性选择器下</title> <style> /* img[alt^=abc]{ color: red; } */ /* img[alt|=abc]{ color: red; } img[alt$=abc]…

H5 20-属性选择器上

20-属性选择器上 --> 我是段落1 我是段落2 我是段落3 我是段落4 我是段落5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>20-属性选择器上</title> <style> /* p[id]{ color: red; } */ p[class=cc]{ color: blu…