[class^="myclass"] { color: red; }не знаю даже как это называется
.button {
pointer-events: none;
opacity: 0.5;
user-select: none;
}
.inputG:has(.input:checked) ~ .wrap .button {
pointer-events: unset;
opacity: 1;
}<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice">
<datalist id="ice-cream-flavors">
<option value="Chocolate">
<option value="Coconut">
<option value="Mint">
<option value="Strawberry">
<option value="Vanilla">
</datalist><details>
<summary>Details</summary>
Something small enough to escape casual notice.
</details><ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}