LESS:不需要的属性继承

时间:2017-02-20 18:20:01

标签: css less

我定义了以下内容:



    ul.menu-level1 {

        li.menu-level1-item {
            font-size: @font-size-large;

            &.active {
                font-weight: bold;
            }
        }
    }

    div.menu-level2 {

    }

	<ul class="menu-level1">
		<li class="menu-level1-item"><a href="/">some</a></li>
		<li class="menu-level1-item has-submenu active"><a href="/">some</a>
			<div class="menu-level2">
				<ul>
					<li class="menu-level2-item"><a href="/">some</a></li>
				</ul>
			</div>
		</li>
	</ul>
&#13;
&#13;
&#13;

但是,menu-level2项目仍在font-weight: bold,因为它们是从menu-level1继承的。

我做错了什么?

我想要实现的目标:只有menu-level1-item active个元素应该是粗体,而不是所有的孩子。

编辑:ul.menu-level2div.menu-level2

1 个答案:

答案 0 :(得分:2)

首先, $search = $_POST['search']; $search = trim($search); $search = preg_replace('/\s+/', ' ', $kerko); $keywords = explode(" ", $kerko); $sql = $conn->prepare("SELECT * FROM weblinks WHERE MATCH(post) AGAINST('$keywords')"); $sql->execute(); while($row = $sql->fetch(PDO::FETCH_ASSOC)){ ?> 不正确。您将-keep class com.google.android.gms.** { ; } 分配给-keep class com.google.android.gms.** { *; } 元素,而不是ul.menu-level2,因此它应该是

class

就继承而言,您可以执行类似

的操作
div

嵌套其他ul只会将div.menu-level2 {} ul.menu-level1 { li.menu-level1-item { font-size: @font-size-large; &.active { > a { font-weight: bold; } } } } 标记限制为a,而不是子元素。

如果您不想这样做,则需要为menu-level1添加另一个选择器,并为那些您不希望为粗体的a元素指定bold ,但我不建议这样做。