十分钟搞定CSS选择器

标签：code   top   class   too   cells   checkbox   选中   let   优先   

在最近的web开发中是不是就会用到一些选择器，发现很多尤其是CSS3新增的不太熟悉，在此总结一下。

优先级

不同级别

1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2.作为style属性写在元素内的样式

3.id选择器

4.类选择器

5.标签选择器

6.通配符选择器

7.浏览器自定义

同一级别

同一级别中后写的会覆盖先写的样式

基础选择器

*
        {
            /*页面所有元素都使用*/
            border:0;
        }

        #test
        {
            /*id=test 的元素*/
            background-color:#0e0;
        }

        .staus
        {
            /*含有类status的元素*/
            border:0;
        }

        div
        {
            /*页面所有div*/
             background-color:#0e0;
        }

组合选择器

我就不一一举例子了，选择器并不是只能写两层，发现有些小朋友有这种误解，认为只能写E>F这样的，我们写可以写E>F.class Element这样，你要你搞得定优先级

属性选择器

伪类选择器

伪元素选择器

十分钟搞定CSS选择器

标签：code   top   class   too   cells   checkbox   选中   let   优先   

原文地址：http://www.cnblogs.com/zhengyuan1314/p/7003710.html