CSS中的选择器
选择器是用来瞄准目标元素的东西。
- 元素选择器:指使用html元素直接进行目标定位的选择器。
- 类选择器:指以“.”这个点号开头的选择器。很多元素可以应用同一个类选择器。“类”, 天生就是被公用的命。
- ID 选择器:“#”打头,权重相当高。ID 一般指向唯一元素。但是,在 CSS 中,ID 样式出现在多个不同的元素上并不会只渲染第一个,而是雨露均沾。但显然不推荐 这么做。
- 属性选择器:指含有[]的选择器,形如[title]{}、[title= "css-world"]{}、 [title~="css-world"]{}、[title^= "css-world"]{}和[title$="css- world"]{}等。
- 伪类选择器:一般指前面有个英文冒号(:)的选择器,如:first-child 或:last- child、:checked 等。
- 伪元素选择器:就是有连续两个冒号的选择器,如::first-line::first- letter、::before 和::after
- 通配符选择器:指使用“*”进行全部元素选定的选择器。可选中全部元素。
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步