Question

我有一个HTML代码：

<div class="projLeader">
<div class="ui-widget-content">
<label>Captain:</label>
<ol>
    <li class="placeholder" name="projLeader"><div class="adding">Drop Here</div></li>
    <li class="dropClass" name="projLeader"  <?php if (isset($projLeader)) echo 'value="'.$projLeader.'"' ?>><?php echo "<span class='closer'>x</span>".$projLeader.""?></li>
    <input type="hidden" name="projLeader" class="hiddenListInput1" />
</ol>
</div>
</div>

我想添加css样式：

.projLeader label
{
    margin-left:25% !important;
}

但它不起作用。如果我把它放在html代码中的标签里面就可以了：

<label style:'margin-left:25%;'>Captain:</label>

我有.projLeader的样式：

.projLeader
{
    float:left;
    margin:3px;
    width:30%;  
}

它有效，那为什么它不适用于标签？

Answer 1

就目前而言，这可能会起作用

.projLeader label
{
    margin-left: 25% !important;
}

但请考虑一下，如果 .ui-widget-content 在其CSS中拥有自己的标签选择器，那么您的样式将被拒绝。要为您的样式优先级添加完全相同的选择器 .ui-widget-content 尝试使用inspect元素查看它用作选择器的内容并将覆盖CSS放在下面那个图书馆。

.projLeader .ui-widget-content label
{
    margin-left: 25% !important;
}

希望有所帮助

无法在css内设置标签样式

1 个答案: