角度样式问题(primeng - primeflex)

Question

我正在使用primeflex，一开始一切都很好，但现在...我不知道发生了什么。突然就断了。

这种样式不能被html的元素捕捉到。

网格系统的第一个示例不起作用：

<div class="p-grid">
<div class="p-col-4">4</div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>
<div class="p-col">1 </div>

​

​

但是，将css从一个站点移动到另一个站点需要1个小时，我注意到css确实存在。我尝试这样做，更改选择器：

​

​

和魔法，开始发挥作用：

​

​

选择器，"p-X“就是问题所在。

我想在我的模块中，我的角度或者其他东西中有一些遗漏了一些配置。但不知道是什么。这是一个项目测试，我将从一开始做另一个测试，但将有助于了解当真正的项目启动时会发生什么。

我可以给出其他代码(angular.json、模块等等...)但我认为问题并不在那里(它昨天起作用了)。

Answer 1

我确认问题出在primeflex的版本上。

新版本(3.0)为选择器类使用了另一个名称(col-X)。在(2.0)中使用其他(p-col-X)。

primeng中的文档链接都是(3.0和2.0，请注意)。这是3.0版本：

https://www.primefaces.org/primeflex/gridsystem

多亏了Alba