css 选择器

元素选择符

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 :设置元素在被用户激活时的样式(点击与释放之间的状态) 

伪对象选择符

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 4,383评论 0 1
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 5,858评论 0 5
  • ## CSS选择器 # 标签选择器 # id选择器 # 类选择器 # 后代选择器 # 子元素选择器 # 交集选择器...
    KsKison阅读 3,696评论 0 0
  • class 和 id 的使用场景? class属性: 指定标签的类名,CSS操作中,把一些特定的样式放到一个类中,...
    我要认真学前端阅读 4,640评论 0 0
  • CSS选择器 每一条css样式定义由两部分组成:选择符(选择器)和声明(样式),在{}之前的部分就是“选择器”,“...
    _空空阅读 9,590评论 1 3

友情链接更多精彩内容