how to select the elements dont have a particular class inside div - selenium

Question

I have the html like below. And I want those webelments through CSSselector or xpath which don't have div< class="locked"
Can anyone help me. The output should come as two webelements which are
"I am free video1" & I am free video2.
Locked Video
<div class="item video " data-reactid="165">
<a href="/video/peppa/xyz" data-reactid="166">
<div class="LazyLoad is-visible" style="height:168px;" data-reactid="167">
<img class="visual-video" src="https://abc.jpg?w=300" alt="I am locked video">
</div>
<p class="text" data-reactid="168">Episodio completo</p>
<img class="video" src="/images/icon-video.svg" data-reactid="169">
<div class="locked" data-reactid="170">
<div class="opaque" data-reactid="171"></div>
<p data-reactid="172">Activa tu cuenta</p>
</div>
</a>
<p class="name" data-reactid="173">I am locked video</p>
</div>
Free Video 1
<div class="item video " data-reactid="185">
<a href="/video/ghi" data-reactid="186">
<div class="LazyLoad is-visible" style="height:168px;" data-reactid="187">
<img class="visual-video" src="https://ghi.jpg?w=300" alt="I am free video1">
</div>
<p class="text" data-reactid="188">Episodio completo</p>
<img class="video" src="/images/icon-video.svg" data-reactid="189">
</a>
<p class="name" data-reactid="190">I am free video1</p>
</div>
Free Video 2
<div class="item video " data-reactid="192">
<a href="/video/sddfo" data-reactid="193">
<div class="LazyLoad is-visible" style="height:168px;" data-reactid="194">
<img class="video" src="/images/icon-video.svg" data-reactid="195">
</div>
</a>
<p class="name" data-reactid="196">I am free video2</p>
</div>

Answer 1

This is relatively straightforward to do with XPath:
//div[contains(#class, 'video') and not(div[#class='locked'])]
Note that, strictly speaking, to avoid false positives, you should be handling the class attribute values properly:
//div[contains(concat(' ', #class, ' '), ' video ') and
not(div[contains(concat(' ', #class, ' '), ' locked ')])]

Answer 2

Are those Texts are constant? If yes, then you can take elements from text.
How do I find an element that contains specific text in Selenium Webdriver (Python)?

Answer 3

This is an interesting question and i came up with a idea.
My idea is to capture all the videos first and then remove the locked videos from all videos list. Code is below,
//Gather all the videos
List<WebElement> all = driver.findElements(By.xpath("//div[#class,'item video']/a"));
//Gather the videos which has locked
List<WebElement> locked = driver.findElements(By.xpath("//div[#class,'item video']//div[#class,'locked']"));
//Remove the locked videos from all videos
for(WebElement lock : locked)
{
all.remove(lock);
}
//Now "all" contains only the free videos.
for(WebElement free : all)
{
//Do the stuff
}
Note - Not tested. Kindly check and let me know if works

Answer 4

If your CSS implementation supports the :not() "pseudo-element" selector, then you could try
.item.video:not(div.locked) p.name
cf. https://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:not
That may be overly specific as I don't understand the context of the mark-up.
For XPath, I think it would be something like this:
//div[contains(#class, 'video') and not(.//div[contains(#class, 'locked')])]//p[contains(#class,'name')