html - 无法在 css 中为标签设置样式

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 element 来查看它用作选择器的内容 并将你的覆盖 CSS 放在下面那个图书馆。

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

希望对你有帮助