Question

我需要为学校建一个网站。我尝试使用Checkbox Hack。它一般工作，但我不能在我的网站上实现它。这是我的问题：input[type=checkbox]:checked > .menuitem似乎无法影响以下内容：

<input type="checkbox" id="toggle-1">
  <nav>
    <ul>
     <li><label for="toggle-1"><img src="images/menu.png" height="38" width="38"/></label></li>
     <li class="menuitem"><a href="About_us.html" target="_self">About us</a></li>
    </ul>
  </nav>

我尝试更换我的＆＃34;＆gt; .menuitem＆＃34;在input[type=checkbox]:checked > .menuitem ~ ~ nav>ul>li和If (checkbox is checked) { Hide a part of the webpage }等各种事情，但我没有任何成功。有人知道我需要做什么吗？

我正在寻找能够做到这一点的效果：

    PoolProperties p = new PoolProperties();
    p.setUrl(myURL); // Retrieved from external resource
    p.setDriverClassName("com.mysql.jdbc.Driver");
    p.setUsername(myUsrName); // Retrieved from external resource
    p.setPassword(myPassword); // Retrieved from external resource
    p.setJmxEnabled(true);
    p.setTestWhileIdle(true);
    p.setTestOnBorrow(true);
    p.setValidationQuery("SELECT 1");
    p.setTestOnReturn(false);
    p.setMaxActive(300);
    p.setInitialSize(30);
    p.setMaxWait(30000);
    p.setMinIdle(10);
    p.setLogAbandoned(true);
    p.setJdbcInterceptors(
            "org.apache.tomcat.jdbc.pool.interceptor.ConnectionState;org.apache.tomcat.jdbc.pool.interceptor.StatementFinalizer;org.apache.tomcat.jdbc.pool.interceptor.ResetAbandonedTimer");
    DataSource newDataSource = new DataSource();
    newDataSource.setPoolProperties(p);

另一方面说明：我不允许使用HTML和CSS之外的其他任何东西（所以没有Javascript或php等）。

Answer 1

试试这个

input[type=checkbox]:checked + nav .menuitem

＆＃13;

input[type=checkbox]:checked + nav .menuitem{
  display:none;
}

＆＃13;

<input type="checkbox" id="toggle-1">
  <nav>
    <ul>
     <li><label for="toggle-1"><img src="images/menu.png" height="38" width="38"/></label></li>
     <li class="menuitem"><a href="About_us.html" target="_self">About us</a></li>
    </ul>
  </nav>

＆＃13;

Answer 2

＆gt; css选择器是直接子选择器，因此浏览器仅搜索输入标记的第一个子节点 - 在本例中为nav元素。

您只需要：

input[type=checkbox]:checked .menuitem

最后，您可以添加其他标签以更具体

input[type=checkbox]:checked nav .menuitem

或者

input[type=checkbox]:checked nav ul li.menuitem

无法为以后的代码找到正确的选择器

2 个答案: