突出顯示帶有焦點元素的字段集，沒有JavaScript

Question

僅使用HTML & CSS和而不使用使用JavaScript，我如何設置與其他字段集不同的聚焦形式輸入的字段集？ （基本上，同樣的事情this question但沒有JavaScript）

下面是目前使用JavaScript我想達到的效果：

$(document).ready(function() 
 
{ 
 
    $('input').focus(function(){ $(this).parent().addClass('jshack'); }); 
 
    $('input').blur (function(){ $(this).parent().removeClass('jshack'); }); 
 
});

fieldset { border: 2px solid lightgray; } 
 
fieldset.jshack { border: 2px solid black; } 
 
input:focus { background-color: lightyellow; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="?" method="get"> 
 
    <fieldset> 
 
     <legend>Fieldset 1</legend> 
 
     <input name="text1" type="text" /> 
 
     <input name="text2" type="text" /> 
 
    </fieldset> 
 
    <fieldset> 
 
     <legend>Fieldset 2</legend> 
 
     <input name="text3" type="text" /> 
 
     <input name="text4" type="text" /> 
 
    </fieldset> 
 
</form>

期望的最終結果應該是相同的直觀，但不應該以任何方式使用JavaScript。

UPDATE：我不是在尋找神奇的CSS父母選擇器。我正在尋找與CSS欺騙的效果娛樂，如this answer無法張貼之前，這是關閉。

Answer 1

這是不可能的，沒有JavaScript，因爲沒有辦法在CSS中定位父元素......至少現在還沒有。見this question。

---

編輯：我錯了，裏克·希區柯克想出了一個非常好的和簡單的解決方法在這裏：https://stackoverflow.com/a/29454224/2126792。