码迷,mamicode.com
首页 > Web开发 > 详细

CSS彻底研究(1)

时间:2014-07-07 19:59:35      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   2014   io   

Github pages 博文

基本选择器

  1. 标记选择器
    }
  2. 类别
    ,冲突取前者
  3. ID选择器
    }

复合选择器:两个或多个选择器,通过不同的方式连接

  1. 交集 ``` h3.class_name { ... } ``` 其中第一个必须是标记选择器,第二个必须是(类别选择器)or(ID选择器),中间没有空格,必须连续书写
  2. 并集选择器aselector , bselector 也就是多个选择器
  3. 后代选择器
    div p {
    /* div 下面的p,包括所有后代*/
    }
    ```
    
    div>p`div的直接后代

CSS继承

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

```

ABCD

h1{ color : red; text-decoration : underline; } em { color : blue; } ``` 结果如图,em 继承了 h1的下划线 bubuko.com,布布扣

CSS优先级

行内样式(style=) > ID样式(#id) > class样式(.class) > 标记样式(div)

两个class冲突时,取前者

CSS彻底研究(1),布布扣,bubuko.com

CSS彻底研究(1)

标签:style   blog   http   color   2014   io   

原文地址:http://www.cnblogs.com/magicdawn/p/3813262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!