css - 将类分配给动态内容

Question

<p>我有 php 在标签中生成内容。我有两个要使用的类。

看起来像：

foreach ($record as $r){
   print "<p>" . $r['content'] . "</p>";
}

一类被称为readmore。我想将它分配给任何带有<a href>. 另一个叫做list01. 我想将它分配给任何<ul>标签。

有人可以帮忙吗？

Answer 1

为您的段落添加一个类，以便您可以将其与其他段落区分开来，然后使用此 CSS：

.myParagraphClass a
{
    /* Your readmore styles go here */
}


.myParagraphClass ul
{
    /* Your list01 styles go here */
}

您不需要直接使用类来定位这些元素，因为您可以通过它们与段落的父子关系来定位它们

Answer 2

您可以使用多种方法来解决此问题，添加类将在您的 PHP 中或在 Javascript/Jquery 加载 DOM 之后完成。

只使用 CSS（而且你不关心 ie6）你可以：

p > a 
{ 
    /* <a> Styles here */
}

p > ul
{
    /* <ul> styles */
}

或者也许只针对最后<a>一个<p>

p a:last-child
{
    /* Last child styles */
}