使外部元素不可见，html css
我有以下html结构： A. B C 使用可见性 .圆圈{ 可见性：隐藏； } .圆圈{ 能见度：可见； } A. B C 使用可见性 .圆圈{ 可见性：隐藏； } .圆圈{ 能见度：可见； } A. B C .circle.marked{可见性：可见；} .circle{可见性：隐藏；} A. B C .circle.marked{可见性：可见；} .circle{可见性：隐藏；} A. B C 下面是一个简单的css属性，它将帮助您使外部元素不可见，html css,html,css,Html,Css,我有以下html结构： A. B C 使用可见性 .圆圈{ 可见性：隐藏； } .圆圈{ 能见度：可见； } A. B C 使用可见性 .圆圈{ 可见性：隐藏； } .圆圈{ 能见度：可见； } A. B C .circle.marked{可见性：可见；} .circle{可见性：隐藏；} A. B C .circle.marked{可见性：可见；} .circle{可见性：隐藏；} A. B C 下面是一个简单的css属性，它将帮助您 <!-- CSS STARTS-->
<!-- CSS STARTS-->
.circle{
display:none;
}
.marked{
display:block;
}
<!-- CSS STARTS-->
<!-- HTML STARTS-->
<body>
<div class="white">
<table class="circleDataBack">
<tr>
<td>
<div class="circle">A</div>
<div class="circle">B</div>
<div class="circle marked">C</div>
</td>
</tr>
</table>
</div>
</body>
<!-- HTML ENDS-->
<!-- CSS STARTS-->
.circle{
display:none;
}
.marked{
display:block;
}
<!-- CSS STARTS-->
<!-- HTML STARTS-->
<body>
<div class="white">
<table class="circleDataBack">
<tr>
<td>
<div class="circle">A</div>
<div class="circle">B</div>
<div class="circle marked">C</div>
</td>
</tr>
</table>
</div>
</body>
<!-- HTML ENDS-->
如果我理解你的意思，你可以使用：not选择器-.circle:not.marked{visibility:hidden}谢谢大家。用Jquery解决了这个问题：函数showOnlyDots{$'*'.not'td>div.circle.marked'.addClass'invi'；$'img.cssdisplay，none；$'div.circle.cssborder，none；}如果我理解你的意思，你可以使用：not选择器-.circle:not.marked{visibility:hidden}谢谢大家。用Jquery解决了这个问题：函数showOnlyDots{$'*'。not'td>div.circle.marked'.addClass'invi'；$'img'.cssdisplay，none；$'div.circle'.cssborder，none；}在我前面1秒…：D@Tom谢谢你的回答。我尝试了这个代码，但它只使表数据不可见。但是，我还有另外一个与tds无关的块。我尝试使用Jquery，比如选择除标记之外的所有元素并使其不可见：$function{$'*'。not'td>div.circle.marked'。addClass'invi'；}。它也没有针对班级圈子的任何东西。把你所有的HTML放在这里，这样会更容易帮助你。比我早一秒…：D@Tom谢谢你的回答。我尝试了这个代码，但它只使表数据不可见。但是，我还有另外一个与tds无关的块。我尝试使用Jquery，比如选择除标记之外的所有元素并使其不可见：$function{$'*'。not'td>div.circle.marked'。addClass'invi'；}。它也没有针对班级圈子的任何东西。把你所有的HTML放在这里，这样会更容易帮助你。谢谢你的回答。我尝试了你的css代码，它只使circle类内的元素不可见，标记类外的其他元素保持可见谢谢你的回答。我尝试了你的css代码，它只使circle类内的元素不可见，而标记类外的其他元素保持可见