粘帖WordPress的样式

Question

The added code correctly adds the three recent sticky notes, but I want to style the three sticky notes differently, not in a line. Can someone tell me how I can reference each sticky post differently. I know the code is a little wrong as it assigns a table to each sticky post whereas I want to add each post as elements of the same table

<?php get_header(); ?>
<?php if(is_home() && !is_paged()) { ?>
<?php query_posts(array('post__in'=>get_option('sticky_posts'))); 
   $sticky = get_option( 'sticky_posts' );
   rsort($sticky);
   $sticky = array_slice( $sticky, 0, 3);
query_posts( array( 'post__in' => $sticky, 'caller_get_posts' => 1 ) ); ?>
<?php while (have_posts()) : the_post(); ?>
    <table cellpadding="0" cellspacing="0" border="0" width="95%">
        <tr>
          <td valign="top">


<div class="masthead-1" style="float: left;">
            <?php if ( has_post_thumbnail() && ! post_password_required() && !is_attachment() ) : ?>

        <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_post_thumbnail(); ?>

    <?php endif; ?>
    <div class="mast11" style="opacity: 0.5;"></div>
              <div class="mast12">
                <h1 class="lbl2"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><div style="clear:both"></div></h1>
              </div>
    </div></td></table>

<?php endwhile; ?>

Answer 1

If all you need to know is the number of the sticky post (1st, 2nd or 3rd), just add a variable which you increment at the end of the while loop.

<?php $i = 0; while (have_posts()): the_post(); ?>
<!-- do whatever you want to do here, using $i as a reference to which post you're currently working with -->
<?php $i++; endwhile; ?>

Answer 2

anyway You can use a class wrapper on the outside

<div class="specialsticky">

Your wordpress loop here

</div>

and use

.specialsticky table:nth-child(#) {

to target them each differently

The other way to do this is

in your table tag inside your loop

<table class="specialsticky-<?php echo get_the_ID(); ?>" cellpadding="0" cellspacing="0" border="0" width="95%">

and then your tables will have a spcial post id attached to creating a new class style for each new entry

.specialsticky-192 { will target a post id of 192