~/brickswiki $ grep -r "css" ./guides/
「css」
共 7 篇相关教程
tips
Bricks 内容切换器：纯 CSS 方案（radio + :has 实现标签切换）
本教程教你用 100% 纯 CSS 在 Bricks 里实现内容切换器（content switcher）——在多个内容区块间切换显示，典型场景如价格表（pricing tables）切换、功能特性切换，不需要任何 JS…
tips
Bricks Accordion (Nestable) 图标旋转：展开/收起状态箭头切换
Bricks 的 Accordion (Nestable) 元素展开前后图标完全一样，没有状态反馈。用两行 CSS 让箭头在展开时旋转 90 度，收起时转回，带平滑过渡动画。免费教程完整代码。
tutorial
Bricks 编辑器界面微调合集（自定义 CSS）
本文是 Bricks 编辑器的一些可用微调合集，让日常建站更顺手。「更好」当然因人而异，不是每一条都适合所有人。
tips
Bricks Masonry 手风琴：Accordion（Nestable）里的瀑布流查询循环
在 Bricks 手风琴（Accordion Nestable）内的文章查询循环里启用 Masonry 瀑布流。付费原文锁定，给出基于 Isotope 的补全实现。
tips
Bricks 吸顶元素：用 position: sticky 让任意元素滚动吸顶
想让页头或页面中部的某个区块滚动到顶部后吸住？用 CSS position: sticky 三个设置搞定，并借助 WordPress 管理员栏 CSS 变量自动避让工具栏，免费教程零代码。
tutorial
Bricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表
把 ACF Checkbox 多选字段的值用 PHP 输出为列表，再用数据 URI 形式的 SVG 背景图替换默认圆点，做出带自定义图标的清单列表效果。
tutorial
Bricks 让 WooCommerce 数量输入框与加入购物车按钮并排
WooCommerce 单产品页默认数量输入框和加入购物车按钮上下排列。用一段 Flex 布局 CSS 让它们水平并排，无需改模板。