如何在没有javascript的情况下从选择框选项中显示和隐藏文本

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<div id="textContainer">
  <p id="text1">Text for Option 1</p>
  <p id="text2">Text for Option 2</p>
  <p id="text3">Text for Option 3</p>
</div>

#textContainer p {
  display: none;
}

#mySelect option[value="option1"]:checked ~ #textContainer #text1 {
  display: block;
}

#mySelect option[value="option2"]:checked ~ #textContainer #text2 {
  display: block;
}

#mySelect option[value="option3"]:checked ~ #textContainer #text3 {
  display: block;
}