CSS选择器。如何选择非直接父级的div内的按钮[重复] 。


我有以下代码。

<div class="column mcb-column mcb-item-115eb3f58 one column_pricing_item servicebutton">
  <div class="pricing-box pricing-box-featured pricing-box-box">
    <div class="plan-header">
      <h2>Service</h2>
      <p class="subtitle">xyz</p>
    </div>
    <div class="plan-inside">
      <h5>Our Service</h5>
      <ul>
        <li>first</li>
        <li>second</li>
        <li>third</li>
      </ul>
    </div>
    <div class="plan-footer">
      <a
        href="#"
        class="button button_theme button_js"
        ><span class="button_label">More</span></a
      >
    </div>
  </div>
</div>

我如何选择带有 “更多 “标签的按钮 通过 “引用 “第一个DIV的类来进行CSS处理 servicebutton?

.servicebutton > .button_theme {...}

不工作。

.plan-footer > .button-theme {...} 

可以,但我需要使用类的 servicebutton 从头 div 元素。

先谢谢你了。

谢谢

解决方案:

Boom. 只要跟着链子走到你要找的元素就可以了。

.servicebutton .plan-footer .button_label {
  background-color: blue;
  }
<div class="column mcb-column mcb-item-115eb3f58 one column_pricing_item servicebutton">
  <div class="pricing-box pricing-box-featured pricing-box-box">
    <div class="plan-header">
      <h2>Service</h2>
      <p class="subtitle">xyz</p>
    </div>
    <div class="plan-inside">
      <h5>Our Service</h5>
      <ul>
        <li>first</li>
        <li>second</li>
        <li>third</li>
      </ul>
    </div>
    <div class="plan-footer">
      <a
        href="#"
        class="button button_theme button_js"
        ><span class="button_label">More</span></a
      >
    </div>
  </div>
</div>

给TA打赏
共{{data.count}}人
人已打赏
未分类

.

2022-9-9 1:17:19

未分类

WPF数据化到一个日期时间对象列表

2022-9-9 1:17:21

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索