定位方式:css

  • 使用相对路径

    div ul #div下的所有ul,空格表示相对路径(这个实际中用的多一些

  • 绝对路径 -一般不用绝对路径

    html>head>div,">"表示根路径

  • 使用class名称定位

    使用.表示

  • 使用id定位

  • 使用#表示

  • 使用属性定位

    属性名称\]![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/aba342e9da5944f08724fa7ca4c721e9.png)

    属性1\]\[属性2

  • 属性模糊匹配

    ^ 以...开头

    $ 以...结尾

    • 包含

      属性组合- 伪属性选择器
相关推荐
唐人街都是苦瓜脸7 分钟前
pnpm install 和 npm install 的区别
前端·npm·node.js
戒不掉的伤怀10 分钟前
react,使用echarts过程
前端·react.js·echarts
小白探索世界欧耶!~12 分钟前
react 使用 postcss-px-to-viewport 实现 px 自动转 vw 自适应
前端·javascript·vue.js·程序人生·react.js·postcss
ryipei30 分钟前
vue纯前端根据页面或者后台数据,读取本地文档模板,填充数据后并导出
前端·javascript·vue.js
Gazer_S1 小时前
【Web 应用缓存与部署优化指南】
前端·缓存
好了来看下一题1 小时前
TypeScript 项目配置
前端·javascript·typescript
江城开朗的豌豆1 小时前
Vue的双向绑定魔法:如何让数据与视图‘心有灵犀’?
前端·javascript·vue.js
江城开朗的豌豆1 小时前
Vue权限控制小妙招:动态渲染列表的优雅实现
前端·javascript·vue.js
@菜菜_达2 小时前
CSS a标签内文本折行展示
前端·css
霸王蟹2 小时前
带你手写React中的useReducer函数。(底层实现)
前端·javascript·笔记·学习·react.js·typescript·前端框架