<body>

<div>
    <h1>This is a Test</h1>
    <p class="switch">Press
        <span tabindex="0">This!</span>
        <span class="change">This should Change.</span>
    </p>
</div>

</body>
span:first-child {
    background:#ff0;
}
span:focus ~ .change {
    background: #f00;
    color: #fff;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.