css - 動的コンテンツへのクラスの割り当て

Question

<p>タグ内にコンテンツを生成するphpがあります。使用したいクラスが 2 つあります。

次のようになります。

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

1 つのクラスは と呼ばれ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 */
}