如何硬编码文章红色的第一标题

时间:2019-07-09 21:43:01

标签: css wordpress

我想将帖子的标题涂成红色。我想用CSS和帖子ID进行全部操作。假设ID为84,我应该如何进行?

所以真正的问题是我不知道如何通过CSS寻址ID并将标题涂成红色。

<?php if (have_posts()) : ?>
                            <?php while (have_posts()) : ?>
                                <?php the_post(); ?>
                                    <div class="post" id="post-<?php the_ID(); ?>">
                                        <section class="info box">
                                            <p>
                                                Geschrieben von <b><?php the_author(); ?></b> am <?php the_time('j. F Y'); ?> um <?php the_time('G:i'); ?> Uhr,
                                                abgelegt unter <?php the_category(' | '); ?>
                                            </p>
                                            <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanenter Link zu diesem Artikel">
                                                <?php the_title('<h2>', '</h2>', true); ?>
                                            </a>
                                            <div>
                                                <?php comments_popup_link('Kein Kommentar', '1 Kommentar', '% Kommentare', '', 'Kommentare sind abgeschaltet.'); ?>
                                                <?php edit_post_link('Bearbeiten',' | ',''); ?>                                                    
                                            </div>
                                            <?php the_content('<br /><span>Weiterlesen</span>'); ?>
                                        </section>
                                    </div>
                                    <?php if (is_page()) : ?>
                                        <?php comments_template(); ?>
                                    <?php endif; ?>
                            <?php endwhile; ?>
                            <p>                                    
                                <?php previous_post_link('&laquo; %link') ?>
                                <?php next_post_link('<span style="float:right">%link &raquo;</span>') ?>
                            </p>
                        <?php else : ?>
                            <h2>Nichts gefunden</h2>
                            <p>Sorry, aber du suchst gerade nach etwas, was hier nicht ist.</p>
                        <?php endif; ?>                       

2 个答案:

答案 0 :(得分:0)

使用ID和类时,请注意ID仅应使用一次,而类可以在多个元素上使用。最好使用字符串而不是整数来设置ID名称,因为它并不总是与整数一起使用。

<ul>
  <li id="red-text">First</li>
  <li>Second</li>
  <li>Third</li>
</ul>

<style>
  #red-text {
    color: red;
  }
</style>

答案 1 :(得分:0)

根据帖子ID 84,您可以尝试以下操作:

#post-84 h2 {
color:red;
}