请教个跟css有关的问题 v2的前端朋友们过来帮下忙

[acpp]

<div class="main">
<div class="deal-buy">
<div class="deal-price-tag"></div>
<!--{if ($team['state']=='soldout')}-->
<p class="deal-price"><strong>{$currency}${moneyit($team['team_price'])}</strong><span class="deal-price-soldout"></span></p>
<!--{elseif $team['close_time']}-->
<p class="deal-price"><strong>{$currency}${moneyit($team['team_price'])}</strong><span class="deal-price-expire"></span></p>
<!--{else}-->
<p class="deal-price"><strong>{$currency}${moneyit($team['team_price'])}</strong><span><a href="${$team['begin_time']<time()?'/team/buy.php?id='.$team['id'] : 'javascript: alert(\'秒杀还未开始...\')'}"><img src="/static/css/i/button-deal-buy_seconds.gif" /></a></span></p>
<!--{/if}-->
</div>

最后一个段落属性，我单独复制了一段css出来 改成了这样

<p class="deal-pricexx"><strong>{$currency}${moneyit($team['team_price'])}</strong><span><a href="${$team['begin_time']<time()?'/team/buy.php?id='.$team['id'] : 'javascript: alert(\'秒杀还未开始...\')'}"><img src="/static/css/i/button-deal-buy_seconds.gif" /></a></span></p>

#deal-intro .deal-pricexx span a { display:block; width:120px; height:53px; line-height:53px; margin-top:-13px; outline:0; margin-left: 0px; padding-left: -10px; }

我想问下，为什么单独弄了一下，没有达到想要的效果呢，是因为这个p属性受div的限制了么？

[YuHong]

p.deal-pricexx 是否是#deal-intro 的子节点?
不太清楚你的问题出在哪儿。可以使用浏览器的查看元素看看计算出来的样式再分析一下呗

[liuzhoou]

看到一推夹杂混合的片段，头晕。
建议用下 http://dabblet.com/ 测试你要的效果吧