html – 将CSS类归于元素

前端之家收集整理的这篇文章主要介绍了html – 将CSS类归于元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我想归因于text-shadow:green;属性为每个< h2>元素在类中包含.dark和ux-banner的CSS代码会实现这个吗?
  1. <div class="dark ux-banner">
  2. <div class="the attributed classes of this element will vary">
  3. <h2>TARGET THIS ELEMENT
  4. </h2>
  5. </div>
  6. </div>

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

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

解决方法

我相信你在寻找:
  1. .dark.ux-banner h2 {
  2. text-shadow: green;
  3. }

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

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

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

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

或超特异性:

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

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

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

猜你在找的HTML相关文章