Question

仍在使用纯CSS语言切换器。

带有display: none/block或div的CSS span不能在HTML FORM内工作吗？

以下是代码：

＆＃13;

.tab {display:none}

.default-tab {display:block}

:target ~ .default-tab {display:none}

#eng:target ~ .eng,
#deu:target ~ .deu {
  display: block
}

＆＃13;

<a href="#eng"><img src="http://icons.iconarchive.com/icons/custom-icon-design/flat-europe-flag/48/United-Kingdom-icon.png"></a>


<a href="#deu"><img src="http://icons.iconarchive.com/icons/custom-icon-design/flat-europe-flag/48/Germany-icon.png"></a>

<a id="eng"></a>
<a id="deu"></a>

<div class="tab eng default-tab">Some English content</div>
<div class="tab deu">Was auf deutsch.</div><p>



<form>
  <input type="radio" name="gender" value="male" checked>
  <div class="tab eng default-tab">Male</div>
  <div class="tab deu">M&auml;nnlich</div>
  <br>
  <input type="radio" name="gender" value="female">
  <div class="tab eng default-tab">Female</div>
  <div class="tab deu">Weiblich</div>
</form> 

<hr>
  <div class="tab eng default-tab">Male</div>
  <div class="tab deu">M&auml;nnlich</div>

＆＃13;

完全在表格之外工作，但不在里面。

Answer 1

UPDATE Table SET Value = Left(Value, 3) + Mid(Value, 3) + "-" WHERE Field = "Phone"中的~选择器表示＆＃34; a ~ b＆＃34;的所有兄弟姐妹。

您可能希望影响b，即使他们不是兄弟姐妹，也不想影响兄弟姐妹的孩子（在您的情况下是b的孩子），因此您必须向现有form添加a ~ * b选择器：

a ~ * b,
a ~ b {}

CSS显示：无/阻止在FORM

1 个答案: