我如何控制来自另一个 html 的元素？

Question

我在buttons.html 中有按钮标签，在images.html 中有图像标签。 当我从buttons.html打开按钮时，我想从images.html隐藏1张图片。 我该怎么做？ 这是buttons.html中的按钮

<div class="onoffswitch">
  <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
  <label class="onoffswitch-label" for="myonoffswitch"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label>
  <img src="image.jpg" /> 
</div>

CSS：

#myonoffswitch ~ img
{
    display:none;
}
#myonoffswitch:checked ~ img
{
    display:block;
}

Answer 1

改变

    #myonoffswitch ~ img
    {
     display:none;
    }
    #myonoffswitch:checked ~ img
    {
     display:block;
}

到

.myonoffswitch ~ img
    {
     display:none;
    }
    .myonoffswitch:checked ~ img
    {
     display:block;
}

从我这里开始。