在没有div id和类名的嵌套div中更改内联css（仅使用css）

Question

我需要在具有内联css的Div中进行更改。 代码如下：

<div class="videoLayout  hide-for-android">
  <div style="width:695px;height:391px;">

  </div>
</div>

我想将第二个div中的内联样式更改为固定宽度... 但只能使用CSS。不是javascript。

任何CSS专家都可以提供建议。 感谢

Answer 1

您可以使用CSS将内部div作为目标：

.videoLayout > div { width: 695px; }

如果您需要覆盖内联样式，可以使用！important：

执行此操作

.videoLayout > div { width: 695px !important; }

请记住，最好谨慎使用该覆盖。

Answer 2

div.videoLayout div{
   width:200px;
}

以上操作是从您可以通过其类识别的div开始，然后在其中获取子div（您要定位的那个）。您可能需要read here for more information

其中200px是您要设置的宽度。考虑到这一点，你已经在内联CSS中定义了这个，这表明你有另一个错误。

Answer 3

如果您确定确切的内联样式：

div[style='width:695px;height:391px;'] {
    width:300px !important;
    height:250px !important;
}

演示小提琴here