摘要: 26-CSS三大特性之优先级 类>标签>通配符>继承>浏览器默认 --> 0 我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>26-CSS三大特性之优先级</title> <style> /* li 阅读全文
posted @ 2017-02-24 21:46 甘林梦 阅读(949) 评论(0) 推荐(0) 编辑
摘要: 25-CSS三大特性之层叠性 我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>25-CSS三大特性之层叠性</title> <style> p{ color: red; } .para{ color 阅读全文
posted @ 2017-02-24 21:44 甘林梦 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 24-CSS三大特性之继承性 我是段落 我是段落 我是超链接 我是大标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>24-CSS三大特性之继承性</title> <style> div{ color: 阅读全文
posted @ 2017-02-24 21:41 甘林梦 阅读(732) 评论(0) 推荐(0) 编辑
摘要: 22-通配符选择器 我是标题 我是段落 我是超链接 --> 我是标题 我是段落 我是超链接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>22-通配符选择器</title> <style> /* .cc{ 阅读全文
posted @ 2017-02-24 21:36 甘林梦 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 21-属性选择器下 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>21-属性选择器下</title> <style> /* img[alt^=abc]{ color: red; } */ /* im 阅读全文
posted @ 2017-02-24 21:35 甘林梦 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 20-属性选择器上 --> 我是段落1 我是段落2 我是段落3 我是段落4 我是段落5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>20-属性选择器上</title> <style> /* p[id]{ 阅读全文
posted @ 2017-02-24 21:32 甘林梦 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 19-序选择器下 我是项目 我是项目 我是项目 我是项目 我是项目 我是项目 我是项目 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>19-序选择器下</title> <style> /* p:nth-ch 阅读全文
posted @ 2017-02-24 21:31 甘林梦 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 18-序选择器 我是标题 我是段落1 我是段落2 我是段落3 我是段落4 我是段落5 我是段落6 我是段落7 我是段落8 --> 我是段落1 我是段落2 我是段落2 我是标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2017-02-24 21:29 甘林梦 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 17-兄弟选择器 我是标题 我是超链接 我是段落 我是段落 我是段落 我是标题 我是段落 我是段落 我是段落 --> 我是标题 我是超链接 我是段落 我是段落 我是超链接 我是段落 我是标题 我是段落 我是段落 我是段落 <!DOCTYPE html> <html lang="en"> <head> 阅读全文
posted @ 2017-02-24 21:27 甘林梦 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 16-并集选择器 我是标题 我是段落 我是段落 我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>16-并集选择器</title> <style> /* .ht{ color: red; } .par 阅读全文
posted @ 2017-02-24 21:23 甘林梦 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 15-交集选择器 我是段落 我是段落 我是段落 我是段落 我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15-交集选择器</title> <style> /* p.para1{ color: re 阅读全文
posted @ 2017-02-24 21:21 甘林梦 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 14-后代选择器和子元素选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>14-后代选择器和子元素选择器</title> </head> <body> <!-- 1.后代选择器和子元素选择器之间的区别? 阅读全文
posted @ 2017-02-24 21:19 甘林梦 阅读(543) 评论(0) 推荐(0) 编辑
摘要: 13-子元素选择器 标签名称2{ 属性:值; } 先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素 注意点: 1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签 2.子元素选择器之间需要用>符号连接, 并且不能有空格 3.子元素选择器不仅 阅读全文
posted @ 2017-02-24 21:16 甘林梦 阅读(350) 评论(0) 推荐(0) 编辑