attributes 相关问题

attributes标签应该用于与对象，元素或文件等属性相关的任何问题。

我收到一个 AttributeError：“NoneType”对象没有属性“findAll”

我是 Python 的新手，所以我正在努力让它工作。我在标题中收到错误，从阅读其他线程，我猜这意味着它返回了一个空值？这个我...

attributes

回答 0 投票 0

我有一个仅显示文本的数据属性工具提示。现在我想在一个短语中添加Lorem。例如 tooltip="你好，这是我有一个仅显示文本的数据属性工具提示。现在我想在一个短语中添加<a href="google.com">Lorem</a>。比如说tooltip="Hello, this is <a href="google.com">Lorem</a> welcome" 但我无法实现 HTML，因为它会将其读取为文本。如何让工具提示/数据属性读取 HTML。我想到了类似的东西：阅读工具提示中的确切特定文本并将其替换为<a href="google.com">Lorem</a> - 但是 - 仍然会将其显示为文本。 /* START TOOLTIP STYLES */ [tooltip] { position: relative; /* opinion 1 */ } /* Applies to all tooltips */ [tooltip]::before, [tooltip]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [tooltip]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 1001; /* absurdity 1 */ } [tooltip]::after { content: attr(tooltip); /* magic! */ /* most of the rest of this is opinion */ font-family: Helvetica, sans-serif; text-align: center; /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */ min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000; /* absurdity 2 */ } /* Make the tooltips respond to hover */ [tooltip]:hover::before, [tooltip]:hover::after { display: block; } /* don't show empty tooltips */ [tooltip='']::before, [tooltip='']::after { display: none !important; } /* FLOW: UP */ [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } /* FLOW: DOWN */ [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; } [tooltip][flow^="down"]::after { top: calc(100% + 5px); } [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } /* FLOW: LEFT */ [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } /* FLOW: RIGHT */ [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); } [tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } /* KEYFRAMES */ @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } /* FX All The Things */ [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } /* UNRELATED to tooltips */ body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; font-family: sans-serif; background: #ededed; } main { flex: 1 1 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } aside { flex: none; display: flex; align-items: center; justify-content: center; background: #49b293; color: #fff; padding: 1em; } main div { text-align: center; color: #353539; } main span { padding: .5em 1em; margin: .5em; display: inline-block; background: #dedede; } aside a { color: inherit; text-decoration: none; font-weight: bold; display: inline-block; padding: .4em 1em; } <main> <div> <span tooltip="I'm up above it!">Up</span> </div> <div> <span tooltip="Slide to the left" flow="left">Left</span> <span tooltip="Slide to the right" flow="right">Right</span> </div> <div> <span tooltip="Get Down." flow="down">Down</span> </div> </main> 您不能将 HTML 插入到工具提示中。实现这一点的最佳方法是创建您自己的 div，它只会在悬停时显示并充当工具提示。让你开始： HTML <main> <div id="up"> <div><a href="#">Some Link</a></div> <span>Up</span> </div> <div> <span tooltip="Slide to the left" flow="left">Left</span> <span tooltip="Slide to the right" flow="right">Right</span> </div> <div> <span tooltip="Get Down." flow="down">Down</span> </div> </main> CSS #up { position: relative; } #up div { display: none; position: absolute; top: -20px; padding-bottom: 20px; white-space: nowrap; } #up:hover div { display: block; } 您需要参考css position。请记住，父元素也必须是一个定位元素 -> 这就是为什么我在 #up 元素上有一个相对位置。按照这种模式并调整每个链接的位置，您应该能够将其他链接/工具提示放置到位。

javascript html attributes tooltip

回答 1 投票 0

获取所有字段管理空白的广告组

我正在尝试获取所有 Managed By Name 和 AD 组描述为空白的 AD 组。我目前遇到使用过滤器不显示任何结果的问题，但不确定原因。任何

powershell active-directory attributes where-object

回答 1 投票 0

如何在python中创建条件实例属性只能取值> = 5000，否则提示用户最小值为5000？

我在 python 中有类“Player”，想创建实例属性“deposit”，它打算取等于或大于 5000 的整数，否则引发错误或要求用户设置有效值。所以我尝试实现...

python class attributes instance

回答 1 投票 0

XSD：如何使值的整数范围依赖于其他元素？

这是我第二次问这个问题：在 XML 文档（使用版本 1.1）中，元素 random 有两个整数：一个整数开始，通常只应具有从 min=1 a...