html – 将CSS类归于元素

发布时间：2020-12-14 18:47:37 所属栏目：资源来源：网络整理

导读：假设我想归因于text-shadow：green;属性为每个 h2元素在类中包含.dark和ux-banner的CSS代码会实现这个吗？ div class="dark ux-banner" div class="the attributed classes of this element will vary" h2TARGET THIS ELEMENT /h2 /div /div 如在以上示例中

假设我想归因于text-shadow：green;属性为每个< h2>元素在类中包含.dark和ux-banner的CSS代码会实现这个吗？

<div class="dark ux-banner">
      <div class="the attributed classes of this element will vary">
           <h2>TARGET THIS ELEMENT
           </h2>
      </div>
 </div>

如在以上示例中< h2>元素将被包装在< div>中归因于它的不同类别.

什么是应用文本阴影的最佳方式：绿色;属性为< h2>元素在具有.dark和ux-banner类的元素中进行遮挡而不引用< div>紧接着围绕< h2>元件

解决方法

我相信你在寻找：

.dark.ux-banner h2 {
    text-shadow: green;
}

这意味着：“在所有h2元素上设置text-shadow：green,这些元素是元素的后代,其中包含类dark和ux-banner.

或者,如果你想要有点具体：

.dark.ux-banner div h2 {
    text-shadow: green;
}

(仅适用于.dark.ux-banner元素中div元素中的h2元素.)

或超特异性：

.dark.ux-banner > div > h2 {
    text-shadow: green;
}

(仅适用于作为.dark.ux-banner元素的直接子元素的div元素的直接子元素的h2元素.)

上面的关键是.dark.ux-banner(没有空格)意味着“包含这两个类的元素”.其余的只是后代或儿童组合者.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!