代码之家  ›  专栏  ›  技术社区  ›  geoplous

具有相同第二部分的CSS选择器

  •  0
  • geoplous  · 技术社区  · 7 年前

    我有两个选择器,可以是itemID XX和articleID YY,如下所示:

    .itemID-XX.articleID-YY

    XX和YY是此脚本动态生成的数字:

    <div class="itemID-<?php echo $item->id; ?> articleID-<?php echo $article_id; ?>">

    如果XX=YY,我如何在CSS中说添加我的声明,或者如果XX=YY,如何通过PHP说添加一个新类,或者可能是jQuery?

    2 回复  |  直到 7 年前
        1
  •  1
  •   Mr Lister hawi    7 年前

    如果数字相同,最好是添加一个新类。
    在回显类的例程中,添加以下内容:

    <div class="itemID-<?php echo $item->id; ?> articleID-<?php
     echo $article_id;
     if ($item->id==$article_id)
       echo " thesame";
    ?>">
    

    然后你可以简单地使用 .thesame 用于CSS中的选择器。

        2
  •  0
  •   Rahul    7 年前

    使现代化

    答案是

    [class*='XX'][class*='YY']{
       // code here
    }
    

    /* if you want to target both */
    [class*='XX'][class*='YY'] {
        color: red;
    }
    
    /*to target YY*/
    [class*='YY']{
      color: green;
    }
    
    /*to target XX*/
    [class*='XX']{
      color: blue;
    }
    <p class="itemID-XX articleID-YY">xx yy</p>
    <p class="articleID-YY">yy</p>
    <p class="itemID-XX">yy</p>
    <p class="as-dsads-as">dsds</p>