gpt4 book ai didi

html - 聚合物核心菜单边距

转载 作者:行者123 更新时间:2023-11-28 17:32:44 24 4
gpt4 key购买 nike

我有一个包含一对paper-itemcore-menu

image

我试图删除 core-menu 边距,但将其设置为 0 没有任何作用。我怎样才能删除它?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<script src="packages/web_components/platform.js"></script>
<script src="packages/web_components/dart_support.js"></script>

<link rel="import" href="packages/core_elements/core_menu.html">
<link rel="import" href="packages/paper_elements/paper_item.html">

<style>
html, body {
height: 100%;
margin: 0;
}

core-menu {
margin: 0;
}
paper-item {
background-color: #00ff00;
}
</style>
</head>
<body>
<core-menu>
<paper-item label="One"></paper-item>
<paper-item label="Two"></paper-item>
</core-menu>
<script type="application/dart">export 'package:polymer/init.dart';</script>
</body>

最佳答案

用于更改值的选择器的选择性必须高于用于设置原始值的选择器的选择性。

我能够使用

删除边距
core-menu#menu {
margin: 0;
}

<core-menu id="menu">
<paper-item label="One"></paper-item>
<paper-item label="Two"></paper-item>
</core-menu>

出于测试目的,您还可以使用 !important

core-menu {
margin: 0 !important;
}

但如果没有必要,强烈建议不要在生产中使用它。
它使您的 CSS 难以维护。

有关详细信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

关于html - 聚合物核心菜单边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25715021/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com