Question

我在样式中写了这样的东西，但它只适用于#register中的#header：

HTML：

#container > #register, #login > #header {
    font-size: 30px;
    font-weight: bold;
    color: black;
}

CSS：

<VirtualHost *:80>
    ServerName server1.domain.com
    ServerAlias x.domain.com
    DocumentRoot /var/www/html
</VirtualHost>

<VirtualHost *:80>
    ServerName server2.domain.com
    ServerAlias y.domain.com

    ProxyPreserveHost On
    <Proxy *>
      Order allow,deny
      Allow from all
    </Proxy>
    ProxyPass / http://server2
    ProxyPassReverse / http://server2

</VirtualHost>

<VirtualHost *:80>
    ServerName server2.domain.com
    ServerAlias z.domain.com

    ProxyPreserveHost On
    <Proxy *>
      Order allow,deny
      Allow from all
    </Proxy>
    ProxyPass / http://server2
    ProxyPassReverse / http://server2

</VirtualHost>

<VirtualHost *:80>
    ServerName server2.domain.com
    ServerAlias w.domain.com
    ProxyRequests Off
    <Proxy *>
       Order deny,allow
       Allow from all
    </Proxy>
   ProxyPass / http://server2
   ProxyPassReverse / http://server2
</VirtualHost>

有什么建议吗？

Answer 1

You may only use an ID once per page。将它们都称为#header会表现得不可预测。有时候它会起作用，有时它不会起作用。某些浏览器在某些情况下允许它，在其他情况下允许其他浏不可预知的。
Classes are ment for these cases。此外，因为它们都是#container的后代，所以您不需要选择它两次：

<div id="container">
    <div id="register">
        <div class="header">Register</div>
    </div>

    <div id="login">
        <div class="header">Log in</div>
    </div>
</div>

#container > .register{
    font-size: 30px;
    font-weight: bold;
    color: black;
}

我还建议你在the header element：

<div id="container">
    <div id="register">
        <header>Register</header>
    </div>

    <div id="login">
        <header>Log in</header>
    </div>
</div>

#container > header{
    font-size: 30px;
    font-weight: bold;
    color: black;
}

Answer 2

我是白痴......

<div id="container">
    <div id="register">
        <form> <!-- I did not notice this -->
            <div id="header">Register</div>
        </form>
    </div>

    <div id="login">
        <form> // I did not notice this
            <div id="header">Log in</div>
        </form>
    </div>
</div>

CSS：

#container > #register, #login #header { /* correct (without ">") */
    font-size: 30px;
    font-weight: bold;
    color: black;
}

Everythink的作品......对不起，我的错。

css祖父母＆gt; Parent1，Parent2＆gt;儿童

2 个答案: