📋 个人简介
-
💖 作者简介：大家好，我是阿牛😜
-
📝 个人主页：馆主阿牛🔥
-
🎉 支持我：点赞👍+收藏⭐️+留言📝
-
📣 系列专栏：css🍁
-
💬格言：迄今所有人生都大写着失败，但不妨碍我继续向前！🔥
上期传送门：
👉css中的选择器
👉css盒子模型及其实战案例（上）
👉css盒子模型及其实战案例（下）
👉css网页布局之浮动及其实战案例（超详细）
👉css中的定位详解
👉css中元素的显示与隐藏
👉我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧
👉css三角的做法及其案例
👉css布局技巧-css三角巧妙运用
👉css布局技巧-文字围绕浮动元素巧妙运用
👉css布局技巧-margin负值巧妙运用
👉css布局技巧-行内块元素的巧妙运用
👉css中 vertical-align 属性的应用和案例
👉css设置文字溢出省略号显示
这里写目录标题
-
- 📋 个人简介
-
前言
-
- 属性选择器
-
- 示例
-
结构伪类选择器
-
- 示例
-
伪元素选择器
-
- 示例
-
结语
前言
=================================================================
CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素，你还不知道吗？
属性选择器
属性选择器可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者 id 选择器。
| 选择符 | 简介 |
| — | — |
| E[att ] | 选择具有 att 属性的 E 元素 |
| E[att =" val"] | 选择具有 att 属性且属性値等于 val 的 E 元素 |
| E[ att^=“val”] | 匹配具有 att 属性且值以 val 开头的 E 元素 |
| E[ att$=“val”] | 匹配具有 att 属性且值以 val 结尾的 E 元素 |
| E[ att*=“val”] | 匹配具有 att 属性且值中含有 val 的 E 元素 |
