CSS选择器

2017-03-07  本文已影响0人  magicWindFall

元素选择器 :h1{}

选择器通配符: *{}

类选择器:.class{}

结合元素选择器:a.class{}    a标签下的类选择器

多类选择器:.class.class{} (具有class1和class2的特性,以及.class1.class2{}的特性

ID选择器:#id{}  (在文档中只能使用一次;ID选择器不能结合使用)

属性选择器

    简单属性选择:【title】{}。(当元素添加title属性时,可以使用属性选择器)

    根据具体属性值选择:【href】{}

    属性和属性值必须完全匹配:【href=“完全相同的值”】{}

    根据部分属性值选择:【title~=“title”】{}  (值中包含title即可)

后代选择器:选择作为某元素后代的元素

    element element{}:使用空格隔开两个元素

子元素选择器:只能选择下一代中的元素

    element>element{}:中间使用>

相邻兄弟选择器:可选择紧接在另一个元素后的元素,且二者有相同父元素

    h1+p{}:h1和p具有相同的父级

上一篇 下一篇

猜你喜欢

热点阅读