html – 将CSS类归于元素

前端之家收集整理的这篇文章主要介绍了html – 将CSS类归于元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我想归因于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(没有空格)意味着“包含这两个类的元素”.其余的只是后代或儿童组合者.

猜你在找的HTML相关文章