Question

我有一个div按钮，其内部类为class="disabled"。我可以知道如何根据内部类进行检测吗？

<div class="nextBtn btnCls">
   <a id="content_0_nextLinkID" class="disabled" style="height: 202px;">
       Next Floor &gt;
   </a>
</div>

我需要在检测到一个类附加了禁用时放置样式。

Answer 1

看到你的a直接在div中，我相信你只需简单地设计一个元素就能达到你想要的效果。

下面的区块伸出a来填充父div。

.btnCls > a {
    display: block;
}

请注意，它还有延伸父div的副作用以适应a元素的高度，所以你可能想调整它（202px看起来有点太高了： - ））

然后直接在元素上应用您想要的样式

.btnCls > a.disabled {
    background-color: green;
}

请注意，如果你要在边框上或在父div的边界之外设置任何样式（比如边框或阴影），那么你运气不好（据我所知），但我和＃ 39;猜测大多数按钮禁用只是改变背景颜色或字体。

Answer 2

CSS只能反过来：您可以根据父节点选择子节点，但不能根据子节点选择父节点。

div[disabled] > a

这会选择a，div是具有disabled属性的#define OutlookClientId @"11d21f9f-6b16-4ea9-8f73-bbc9a65ac72b" #define OutlookAuthority @"https://login.microsoftonline.com/06cbda59-d75b-4547-8406-e6af3ff4c658/oauth2/token?api-version=1.0" #define OutlookRedirectUrl @"http://localhost/MyAppName" #define OutlookRsourceId @"https://graph.microsoft.com/"的孩子。请参阅CSS 2的规格：

http://www.w3.org/TR/CSS2/selector.html#pattern-matching

和CSS 3：

http://www.w3.org/TR/css3-selectors/#selectors

Style Div基于内部类

2 个答案: