课程咨询:400-111-8989

  • 达内:HTML/CSS选择符学习总结

    发布:HTML5培训  来源:html5教程  时间: 2016年05月31日

  • 达内html5培训专家具体讲解web前端开发中,HTML/CSS选择符的相关知识。希望给对html5培训感兴趣的同学们以帮助!...

  • 达内html5培训专家具体讲解web前端开发中,HTML/CSS选择符的相关知识。希望给对html5培训感兴趣的同学们以帮助!

    一、选择特定元素的选择符有三种:

    上下文选择符:基于祖先或同胞元素选择一个元素。

    ID和类选择符:基于id和class属性的值选择元素。

    属性选择符:基于属性的有无和特征选择元素。

    二、上下文选择符的格式:

    标签1 标签2 {声明} 其中,标签2是我们想要选择目标,而且只有在标签1是其祖先元素(不一定是父元素)的情况下才会被选中。用于选择作为指定祖先元素后代的标签。

    特殊的上下文选择符:

    a.子选择符> 格式:标签1>标签2(标签2必须是标签1的子元素)

    b.紧邻同胞选择符+ 格式:标签1+标签2(标签2必须紧跟在其同胞标签1的后面)

    c.一般同胞选择符~ 格式:标签1~标签2(标签2必须跟在其同胞标签1的后面)

    d.通用选择符* 通配符,它匹配任何元素。

    三、ID和类选择符:

    1、类选择符:

    类选择符 格式:.类名

    标签带类选择符(把标签名和类选择符写在一块)

    eg:

    愿无岁月可回头,且以情深共白头。

    css:p.specialtext{color:red;}

    p.specialtext span{color:blue;}

    多类选择符

    eg:

    愿无岁月可回头,且以情深共白首

    css:.specialtext.feaured{font-size:120%;}

    2、属性选择符:

    属性名选择符:标签名[属性名](选择任何带有属性名的标签名)

    属性值选择符:标签名[属性名=“属性值”]

  • 上一篇:这些基本的HTML标签你需要知道

    下一篇:达内html5培训:快速入门html

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56