CSS3：不是不排除ID

Question

嘿亲爱的Stackoverflow社区，

这里是我的css：

.text:not(#overview > *) {
    margin-top: 10px;
    margin-bottom: 10px;
}

我希望“text”类的所有内容都有10px顶部和底部的边距，但不是标有id“overview”的内容以及其下的所有内容。 但是css没有按预期工作。

感谢您的帮助 亚辛

Answer 1

没有按预期工作？所以它不排除id本身对吗？为此，您还需要添加id：

.text:not(#overview) {
    margin-top: 10px;
    margin-bottom: 10px;
}

您现在正在做的只是针对id内的所有内容，而不是id本身。这将确保id也是目标。

您也可以使用以下方法重置它：

.text {
    margin-top: 10px;
    margin-bottom: 10px;
}
#overview.text {
    margin-top: 0;
    margin-bottom: 0;
}

id的特异性高于阶级。

Answer 2

嗯，你可以这样做，但不确定这是不是正确的方法！

import random
import time
from time import sleep
outcomes = ['TT','Tt','Tt','tt']
for x in range (0, 5):  
    b = "LOADING OUTCOMES" + "." * x
    print (b, end="\r") 
    time.sleep(0.5)
print("4 Possible Genetic Outcomes Will Be Shown. . . ") ; sleep(1)
for x in range (0, 10000):
    print(random.choice(outcomes))
    time.sleep(0.001)        
x=input("Done determining outcomes!! Press enter to close")