• 技术文章 >web前端 >html教程

    浅谈CSS 选择器_html/css_WEB-ITnose

    2016-06-21 09:07:19原创729

    A 标签HTML 选择器

    body {
    padding : 0px ; margin : 0px ; background-color : #ffdee0 ;
    }

    B 类别CLASS 选择器


    ......

    刘德华


    张学友


    何炅


    汪涵

    C 专用ID 选择器


    ......

    刘德华


    张学友


    何炅


    汪涵

    D 选择器组合筛选


    ......

    刘德华


    张学友


    何炅


    汪涵

    E 选择器集体声明 (选择器之间使用逗号)


    ......

    刘德华


    张学友

    F 选择器的嵌套 (选择器之间使用空格)


    ......


    刘德华


    郭富城



    张学友

    G 子选择器:用来选择一个父元素直接的子元素,不包括子元素的子元素。(选择器之间使用大于号)


    ......
    使用“子选择器”示例




    aaaaa


    bbbbb




    不使用“子选择器”示例


    aaaaa


    bbbbb


    注意:

    1、子选择器的设置在IE 6 下使用无效(所以本人不推荐经常使用);

    2、如果嵌套的父子标签是同一种标签,子选择器的设置也将使用无效。如:

    父子标签是同一种标签

    H 属性选择器:针对HTML 标签中的属性进行选择的。


    ......

    无title属性的段落标签


    将有title属性的p标签设置为红色


    将title属性值为"t2"的p标签设置为蓝色

    注意:

    1、属性选择器的设置在IE 6 下使用无效(在IE 7 下使用有效);

    2、属性选择器 CSS3 标准还有很多非常实用的特性,但IE 7 依然不支持;

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:浅谈CSS 选择器
    上一篇:超越CSS:Web设计艺术精髓 笔记_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 为什么是这样的?_html/css_WEB-ITnose• 引入外部CSS的两种方式及区别_html/css_WEB-ITnose• 如何考评一名前端工程师?_html/css_WEB-ITnose• rem : web app适配的秘密武器_html/css_WEB-ITnose• CSS介绍、选择器_html/css_WEB-ITnose
    1/1

    PHP中文网