CSS选择器

CSS选择器有哪些？哪些属性可以继承？优先级算法如何计算？css3新增伪类有哪些？

选择器：

                

标签选择器（div，h1，p）、

id选择器（#myid）、

类选择器（.myclassname）、

相邻选择器（h1+p）、

子选择器（ul > li）、

后代选择器（li  a）、

通配符选择器（*）、

属性选择器（a[ rel = "external"]）、

伪类选择器（a:hover,  li:nth-child）

 

　CSS选择器{
    声明
}

id选择器：#号表示ID选择器

#span{
    border：1px solid；
}

　　

属性选择器：

input[type="text"]{   }

img[alt="logo"]{    }

 

元素/标签/标记选择器:

span{

}

 

组合/并集选择器:类等选择器都可以加入，用英文,隔开

h1,h2,h3,h4,h5,h6{

}

 

类选择器:相同命名共用声明，用.表示类选择器

class="test_class"

.test_class{

}

 

后代选择器:选中所有子集及以下子集

ul li{

}

 

子集选择器:只选择到子集

ul>li{

}

 

伪类选择器:加英文:都属于伪类（一定要按link,visited,hover,active的顺序写 LVHA）

a:link{
    当前样式
}


a:visited{
    访问后样式
}


a:hover{
    移入鼠标，鼠标悬停时样式
}


a:active{
    点击时的样式
}

 

伪元素选择器：用两个英文:表示与伪类的区分

.p1:before{
    content:"属性值";
}

.p1:after{
    content:"属性值";
}

.box:first-latter{
    font-latter:属性值;
}

.box:first-line{
    font-latter:属性值;
}

 

dispaly:inline-block;  (行内转行内块)　

 

可继承的样式：font-size    font-family  color,   text-indent;

 

不可继承的样式：border     padding     margin     width     height     

 

优先级就近原则，同权重情况下样式定义最近者为准；载入样式以最后载入的定位为准；

优先级为：

！important   >   id    >    class    >tag　　

important   比内联优先级高，但内联比  id  要高

css3新增伪类举例：

p：first-of-type     选择属于其父元素