php - 如何为数据库中的每一秒数据(图片)更改 css 样式？

Question

从 MySQL 数据库读取数据以应用 PHP 代码时是否有任何机会，因此每一秒的记录都会有不同的东西(不同的 css 代码)。

例如:我正在为我的评论系统使用这样的图像。 http://prntscr.com/3hpiep

每张图片都是圆形的，但我希望每隔一张图片都是圆形的，而其他图片应该是方形的。

这能做到吗？

http://prntscr.com/3hplgr

Answer 1

你可以使用

.myclass:nth-child(even) {/* round style */}
.myclass:nth-child(odd) {/* square style */}

只要它们共享一个共同的父元素。

如果你有一个更深的结构，你可能需要在树更高的地方使用选择器，例如

<div class="parent">
    <div class="comment_image"><img .../></div>
    <div class="comment_image"><img .../></div>
</div>

你会想要

.comment_image:nth-child(even) img {/* round style */}
.comment_image:nth-child(odd) img {/* square style */}

(尽管在此示例中您也可以将样式应用于 div - 这只是为了说明层次结构)

从您粘贴在下面评论中的 PHP 代码来看，您的结构似乎如下

<div>
  <div>...</div>
  <div class="comment_box"><div><img/></div>...</div>
  <div>...</div>
  <div class="comment_box"><div><img/></div>...</div>
...
</div>

这意味着您实际上想要将圆形样式应用于外部 div 内每隔四个 div 中的图像，从第二个开始。呸!这是它的 CSS:

.comment_box img {/* square style */}
.comment_box:nth-child(4n+2) img {/* round style */}