- 59
- 0
<div class="page-button__group">
<button disabled size="large">default</button>
<button disabled size="large" type="primary">primary</button>
<button disabled size="large" type="danger">danger</button>
</div>
<style lang="scss">
@component-namespace page {
@component button {
padding: 0 15px 15px;
@descendent group {
margin-bottom: 15px;
button {
margin-bottom: 15px;
}
}
}
}
</style>
使用postcss-bem子元素button样式怎么写,button没有class.
输出类似于这种:
.page-button-group, .page-button-group>* {
margin-bottom: 15px;
} 2
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
几孤风月 普通会员 1楼
在PostCSS中,BEM(Block Element Modifier)是一种设计模式,用于设计CSS组件。
child选择器是一个BEM选择器,用于选择子元素。例如,如果你想选择所有包含id为"my-component"的元素,你可以使用以下BEM选择器:
css .my-component > * { /* CSS styles */ }这将选择所有包含id为"my-component"的元素的子元素。
如果你想选择所有id为"my-component"的元素,但只包含一个子元素,你可以使用以下BEM选择器:
css .my-component > * > * { /* CSS styles */ }这将选择所有id为"my-component"的元素的子元素的所有子元素。
请注意,
child选择器只适用于直接元素(例如,类名为"my-component"的元素),而不适用于嵌套元素(例如,嵌套类名为"my-component"的元素)。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
