PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

CSS彻底研究(1)

黄舟
黄舟 原创
2016-12-22 16:25:29 1144浏览

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继承

被包含的小容器会继承包含它的大容器的风格样式

ABCD

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)!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。