html - 隐藏的显示属性不适用于段落标签
问题描述
为什么.d-none .d-sm-block
在我的代码中不起作用?
<div class="container">
<div class="row row-content align-items-center">
<div class="col-12 col-sm-12">
<h2>heading 1</h2>
<p class=".d-none .d-sm-block">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<h3>heading 2</h3>
<p class=".d-none .d-sm-block">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<h3>heading 3</h3>
<p class=".d-none .d-sm-block">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<h3>heading 4</h3>
<p class=".d-none .d-sm-block">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
</div>
解决方案
您定义了错误的类名,请删除类名定义中的点。示例:class=".d-none .d-sm-block"
它应该是 class="d-none d-sm-block"
推荐阅读
- node.js - 从 Alpine 基础映像更改为 node-buster 时未找到 apk 错误
- database - 我可以在保持追加的所有行为的同时对从文件中更新表的访问进行编程吗?
- php - 如何从 laravel 的 eloquent 集合中获取外键
- android - 返回屏幕时如何在不禁用所有动画的情况下停止底部工作表进入动画
- css - 文本后面的文本下划线偏移
- python - 将 Python 输出打印到 Excel 工作表
- java - 如何从 JsonUnit 获取断言结果?
- excel - Rows.count 有什么问题?
- bash - 在 shell 脚本中,如何将 stdout 重定向到控制台,并将 stdout 和 stderr 重定向到文件?
- javascript - 向频道发布主动消息时如何在机器人中设置“您和版主可以回复”?