Div在不同的主题中有不同的外观

时间:2013-06-18 作者:a_fan

我在一个插件中有一个应该显示div的短代码。可以在设置中设置div的样式。

问题是:div在不同的主题中有不同的外观。这显然是由其他主题以我没有专门处理的一般方式修改样式引起的。

什么是最佳的解决方案,这样它的外观在整个主题中都保持不变。一个明显的问题是覆盖ALL my div相关样式中可能的css属性。有没有更好的方法?

2 个回复
最合适的回答,由SO网友:Adam 整理而成

在定义CSS样式时,您需要特定,以便主题不会覆盖您想要的样式。

输出标记时,您甚至应该考虑将div元素包装在另一个div元素中,并假设这是页面上的唯一标记,您可以使用#ID选择器而不是类选择器来指定它们,然后在CSS样式中:

div#myPlugin div#innerWrap {
    background: black
    /* etc */
}
...等等

这将很难覆盖,因为您要比主题更加具体,因为如果主题事先不知道确切的div ID名称,which they wont.

您还可以内联插入样式,这将优先于所有其他已定义的样式,

<div id="myPlugin">
    <div id="innerWrap" style="background:black">
         content
    </div>
</div> 
Inline wins!

SO网友:Krzysiek Dróżdż

恐怕没有其他解决办法了。如果您没有指定css属性,而theme指定了它,那么div将根据主题规范进行查看。

您不必指定所有CSS属性,但您肯定应该指定公共属性。

结束

相关推荐

来自WooThemes的快照主题-空的‘alt’属性

我正在使用WooThemes的快照主题。调整大小(宽度、高度和大小,以kb为单位)并显示图像(一个“a”标记,包装一个“img”标记)的代码如下:<?php if ( get_option(\'woo_resize\') ) { woo_get_image(\'image\',\'210\',\'280\');?> 问题是:我在发帖时设置了“alt”文本,当试图查看帖子图片源代码时,“alt”属性显示为空。以前有人通过过这个吗?有什么建议吗?我希望具有“alt”属性的帖子是第一行第