我有这个布局:
<div id="sectors">
<h1>Sectors</h1>
<div id="s7-1103" class="alpha"></div>
<div id="s8-1104" class="alpha"></div>
<div id="s1-7605" class="beta"></div>
<div id="s0-7479"></div>
<div id="s2-6528" class="gamma"></div>
<div id="s0-4444"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
使用这些CSS规则:
#sectors {
width: 584px;
background-color: #ffd;
margin: 1.5em;
border: 4px dashed #000;
padding: 16px;
overflow: auto;
}
#sectors > h1 {
font-size: 2em;
font-weight: bold;
text-align: center;
}
#sectors > div {
float: left;
position: relative;
width: 180px;
height: 240px;
margin: 16px 0 0 16px;
border-style: solid;
border-width: 2px;
}
#sectors > div::after {
display: block;
position: absolute; …Run Code Online (Sandbox Code Playgroud) 我正在尝试选择a中的所有tr元素table,除了第三个和第四个.我设法通过使用:
#table tr:not(:nth-child(3)):not(:nth-child(4))
Run Code Online (Sandbox Code Playgroud)
我想结合这些选择器,因为我还有更多的:nth-child条目.像这样的东西,但它不起作用:
#table tr:not(:nth-child(3), :nth-child(4))
Run Code Online (Sandbox Code Playgroud)
这确实在jQuery的工作,但不是在CSS.我正在使用Chrome(我只需要它在那里工作).
我无法为这种情况找到组合选择器.如何将选择器与:not?