html - 親がdisplay:noneに設定されている場合、html要素を強制的に表示する

Question

親要素が に設定されている場合、display:none;その子孫の 1 つだけを表示するにはどうすればよいでしょうか?

css:
div: display:none;

html:
<div>
  <p id='required'>required</p>
  <p>not required</p>
</div>

p#required一人で見えるようにするにはどうすればよいですか。

制限 - スタイラス ブラウザ拡張機能でこれを使用します。