CSS彻底研究(1)
程序员文章站
2022-05-22 08:01:53
...
CSS彻底研究(1)
Github pages 博文
基本选择器
标记选择器h1 {...}
类别.class_name{...},两个class同时作用,如class = 'one two',冲突取前者
ID选择器 #id{...}
复合选择器:两个或多个选择器,通过不同的方式连接
交集
h3.class_name { ... }
其中第一个必须是标记选择器,第二个必须是(类别选择器)or(ID选择器),中间没有空格,必须连续书写
并集选择器a_selector , b_selector也就是多个选择器
后代选择器
div p { /* div 下面的p,包括所有后代*/}
div>pdiv的直接后代
CSS继承
被包含的小容器会继承包含它的大容器的风格样式
<h1><em>AB</em>CD</h1>h1{ color : red; text-decoration : underline;}em { color : blue;}
结果如图,em 继承了 h1的下划线
CSS优先级
行内样式(style=) > ID样式(#id) > class样式(.class) > 标记样式(div)
两个class冲突时,取前者
以上就是CSS彻底研究(1)的内容,更多相关内容请关注PHP中文网(www.php.cn)!
上一篇: php 安全有关问题