我对CSS选择器有疑问。我想在没有h3.subcategory-heading但不是所有页面的页面中选择div.main-list的内容。
例如： page1.html：
<h3 class="subcategory-heading">BOOTS</div>
<p>add</p>
<span>.....</span>
.
.
<div class="main-list">list of product</div>
page2.html：
<p>add</p>
<span>.....</span>
.
.
<div class="main-list">list of product</div>
我希望程序返回page2.html的div.main-list的内容，但不返回page1.html的div.main-list
答案 0 :(得分：0)
为page2.html上<body id="page2">的某些父级提供ID或唯一选择器。
例如，如果您给#page2 .main-list {
...
...
}
现在，如果要应用样式，请按照以下步骤操作：
const page2 = document.getElementById('page2');
const elements = page2.querySelectorAll('.main-list');
如果要选择元素以进行js操作，
[columns:'Medicine_ID','Counterfeit_Weight','DistArea_ID','Active_Since','Medicine_MRP','Medicine_Type','SidEffect_Level','Availability_rating','Area_Type','Area_City_Type','Area_dist_level','Counterfeit_Sales]
这应该可以解决问题！干杯！
答案 1 :(得分：-1)
我使用Google插件的css选择器测试器，并在Java的jsoup中使用此选择器css返回div.main-list的内容。所以我想返回没有h3.subcategory-heading的div.main-list的内容，只有一个选择器css。