css 选择器

2017-08-17  本文已影响0人  竞技等级几点叫你你呢

元素选择符

1 . 通配符:*{ }

初始化操作
*{
    background-color: aqua;
}

2 . 类选择符:.类名称{ }

div {
    background-color: yellow;
}

3 . id选择符 :# id名称{ }

#hello{
    background-color: red;
}

4 . 类型选择符: 标签{ }

li {
    color: grey;
}

关系选择符

1 . 子元素选择器 (>)
2 . 兄弟选择器 (*)
3 , 相邻选择器 (+)
4 . 包含选择器 (空格)

属性选择符

伪类选择符

定义:它允许给html标签的某种状态设置样式
1、元素 link : 设置超链接a未被访问前的样式
2、元素 visited :设置超链接a在其链接地址未被访问过的样式
3、元素 hover : 设置元素在其鼠标悬停时的样式
4、元素 active :设置元素在被用户激活时的样式(点击与释放之间的状态) 

伪对象选择符

上一篇 下一篇

猜你喜欢

热点阅读