IT米工网 ,一个免费的IT学习网站!

当前位置:首页 > 网站建设 > DIV+CSS > 详细页面

伪选择器、子选择器和包含选择器的区别

作者: 时间:2019-03-27 来源:IT米工网 点击:

1.伪选择器
CSS中伪选择器包括伪类选择器和伪对象选择器,以:作为前缀,冒号后紧跟伪类或伪对象名称,冒号前后没有空格,例如:div:hover {font-size:12px;}
适用范围:专门用来选择特殊区域或特殊状态下的元素或者对象,这些特殊区域或特殊状态是无法通过标签选择器、ID选择器或类选择器等进行精确控制的。
例:a:hover{color:#00FF00}    /* 鼠标经过的样式 */
    a:active{color:#CCOOCC;}  /* 鼠标按下的样式 */
    a:visited{color:#0000FF;}  /*定义访问过的样式*/
2.子选择器
子选择器前后部分之间用一个大于号隔开,前后两部分选择符在结构上属于父子关系,如div>span {font-size:12px;}
适用范围:在一定元素范围内定义符合限制条件的元素样式。子选择器是用包含的子对象作为限制条件,来定义父对象所包含的部分子元素样式。
例:定义主体模块中的表格样式
#main>.title {color:red; font-style:italic;}  
/*定义id为main的主体模板中子对象的class为title的样式*/
注:子选择器中所控制的元素只能是">"符号前面所指定对象的子元素。
3.包含选择器
包含选择器和子选择器作用对象部分重合,但也存在区别,包含选择器可以控制所有包含元素,不管它处于什么层次级别,子选择器却只能控制最近的子元素。

标签

相关推荐