Is there a css way to display id="showMe" when an option in select > option is selected?

<div class="option-container">
    <label class="select">
        <label for="mode">Mode</label>
        <select type="dropdown" id="ddraw-mode" class="ddraw-select" required>
            <option selected="selected" value="fullscreen">Fullscreen (default)</option>
            <option value="borderless">Borderless</option>
            <option value="windowed">Windowed</option>
        </select>
    </label>
</div>

    <p id="showMe">
        show me
    </p>
</div>

<style>
  #ddraw-select:invalid + #showMe { display: block; }
  #ddraw-select:valid + #showMe { display: none; }
</style>

Also I cannot use JavaScript.. if I could then It would be too easy.