Question

在下面的代码中，$dt和$points都显示在一条水平线上，这就是我想要的。但是，我希望这两个变量具有不同的样式。我希望让sitename3name继续$dt，但更改$points上的样式。

sitename3name的宽度为585像素。我希望$points看起来与这个585像素区域的右侧齐平，并且具有与$dt不同的样式。

编辑： .pointlink样式未在下面的代码中应用，因为我不确定如何让它做我想做的事。

我该怎么做？

下面还列出了样式。

代码：

`echo '<div class="sitename3name">Submission date: '.$dt->format('F j, Y').''.$points.'</div>'`;

CSS目前同时应用于两者，我只希望将其应用于$dt：

.sitename3name { 
            width:585px;
            margin-left:23px;
            margin-top:0px;
            color: #000000;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 15px;
            font-weight: normal;
            height: 25px;
            padding-bottom: 0px;
            padding-left: 10px;
            padding-top: 0px;
            background-color: #CAE1FF;

}

.sitename3name a{ 
            position:absolute;
            color: #004284;
            text-decoration:none;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 15px;
            font-weight: bold;
            height: 25px;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 2px;
            padding-bottom: 0px;

}

.sitename3name a:hover{ 
            position:absolute;
            color: #FFFFFF;
            background-color:#FF0000;
            text-decoration:none;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 15px;
            font-weight: bold;
            height: 20px;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 2px;
            padding-bottom: 0px;

}

CSS我想申请$points：

.pointlink { 
            float:right;
            margin-right: 0px;
            font-size:16px;
            font-weight:bold;
            padding-top: 2px;
            padding-right: 3px;
            padding-left: 5px;
            background-color:#004993;
            color:#FFFFFF;


}

Answer 1

您需要在标记中实际拥有一个带有“pointlink”类的元素。如果你将日期（即你的“$dt变量”）包装在一个元素中，你可以在准备好时单独设置它。

<div class="sitename3name">
    Submission date: 
    <span class="date">
        <?php echo $dt->format('F j, Y'); ?>
    </span>
    <span class="pointlink">
        <?php echo $points; ?>
    </span>
</div>

示例：http://jsfiddle.net/wesley_murch/Eh7HZ/2/

两个变量，一个水平行，每个变量的不同样式

1 个答案: