用戶發布內容時顯示不同的顏色

Question

我制作了一個表單，其中用戶僅發布鏈接和文本。 沒有圖像和視頻。 我還從PHP的服務器端進行了某種形式的驗證。 我還做了非常基本的SQL INSERT，用於在數據庫中存儲數據。 我想要的是，每當用戶發布信息時，它總是以與數據庫不同的顏色顯示在網站上。 我用Google搜索，但一無所獲。 任何想法，或從哪里開始的幫助？

簡單的html形式：

<form action="checkbox1.php" method="post">
    <input name="name" id="name" type="text"/><br/>
    <input type="text" id="name2" name="name2"><br/>
    <input type="checkbox" id="checkbox" name="checkbox"><br/>
    <input type="submit" id="submit" name="submit">
</form>

Answer 1

首先，數據庫中是否有預定義的顏色？ 如是！ 然后，您將需要使用post的get或post方法從數據庫發送顏色作為參數。 然后，無論您的前端是什么，都需要使用該顏色並使用javascript jquery或angular進行應用。

如果樣式表中有顏色，則需要創建具有不同顏色的預定義類。 將它們動態地應用於您的帖子。

但是第二個選項有點笨拙和復雜，總是需要選擇上一個應用的課程，然后再應用下一個課程。

第三種選擇是使用nth-child，但是此方法有一些局限性，例如您需要為每個子元素編寫一個類。

Answer 2

.postHolder:nth-child(5n+0) .post-text {
   background: #8dc63f;
}
.postHolder:nth-child(5n+1) .post-text  {
   background: #009688;
}
.postHolder:nth-child(5n+2) .post-text  {
   background: #3f51b5;
}
.postHolder:nth-child(5n+3) .post-text  {
   background: #f44336;
}
.postHolder:nth-child(5n+4) .post-text  {
   background: #607d8b;
}

此示例適用於您的情況， .postHolder是潛水的類，將在每個帖子中重復， .post-text是您實際要應用CSS的類，我已經應用了背景色，可以添加所需的任何內容。