CSS-如何更改两个不同兄弟的样式？

问题是由于使用了第三方库。我无法更改所需的样式

如何更改属于第三方库的两个独立子元素的宽度

在我的HTML中，我可以使用“第三方外部标记”标记。它没有样式参数来否决child-1“div”和child-2“div”的默认大小

使用开发人员工具，我看到以下代码具有以下结构：

<3rd-party-outer-tag>
  <other-tag>
     <div class="col-md-10" .... > 
        <...>
     <div class="col-md-2 pagination pull-right float-sm-right" .... > 
        <...>
  </other-tag>
</3rd-party-outer-tag>

---

你有更好的解决办法吗？“ng deep”用于在有角度的环境中否决孩子的CSS。你可以跳过它

你不能把col-md-8和col-md-4换成col-md-6吗？没关系。我确信依靠内部标记或

类
是改变的唯一方法it@EmanuelSaramago据我所知，这些是库提供的样式，因此我们无法访问它们。我只能访问外部标记，其余的隐藏在库中（不在github上）。您应该检查应用于“第三方外部标记”的CSS以及开发人员工具中的子对象。仅当css选择器包含属性选择器（如
[\ngcontent-c2]
或
[\nghost-c1]
时，Angular中的
：ng deep
方法才有效。
<3rd-party-outer-tag>
  <other-tag>
     <div class="col-md-8" .... > 
        <...>
     <div class="col-md-4 pagination pull-right float-sm-right" .... > 
        <...>
  </other-tag>
</3rd-party-outer-tag>

::ng-deep 3rd-party-outer-tag > other-tag > div {
  width: 50.0%;
}