CSSセレクタで、first-childの要素取得

下記のHTMLから、class名が"message"の全てのliタグの中にある、■部分のaタグを取得する場合（Python Seleniumを使用）。

下記のように、CSSセレクタで'li.message a:first-child'と記述したところ、■と★のaタグが返されます。
「messageというclass属性がくっついている全てのliタグ」のそれぞれの配下にある一番最初のaタグ（■）を返したい場合、どのようにすればよいのでしょうか。
検索してもよくわかりませんでした・・

#Pythonコード
・
・
・
pages = [a_tag.get_attribute('onclick') for a_tag in driver.find_elements_by_css_selector('li.message a:first-child')]
[print(i) for i in pages]

#HTMLコード

<li class="message">...<li>
<li class="message">...<li>
<li class="message">...<li>
<li class="message">...<li>
<li class ="message">
 　 <div class = "read-state -unread">
　　　　::after
　　</div>
　　<div class ="sp-wrapper">
　　　　<div class ="date">...</div>
　　　　<div class ="title -unread">
　　　　　　<a href = javascript:void(0);" onclick ="URL1">hoge</a>　■
　　　　</div>
　　　　<div class = "limit">...</div>
　　　　<div class = "buttonPDF1">
　　　　　　<a href = "Javascript:doInline("URL2")>fuga</a>　★
　　　　</div>
    </div>
</li>
<li class="message -read">...<li>
<li class="message -read">...<li>
<li class="message -read">...<li>

・
・
・

maisumakun

2020/08/02 02:18

</div>がないために、正しいタグのネストがどういう構造なのか判別できません。

koyamashinji

2020/08/02 02:22

編集いたしました。失礼しました

行動規範の内容に同意します

回答2件

ベストアンサー

どのようにすればよいのでしょうか。

li.messages .title aのように、クラスなども取り混ぜて具体的に指定するしかないかと思います。

投稿2020/08/02 01:16

maisumakun

総合スコア145183

koyamashinji

2020/08/02 01:54

ご回答ありがとうございます。　li.message .title -unread a:first-childとしてみましたが、やはりだめでした・・

maisumakun

2020/08/02 02:01

-unreadは入れないほうがいいです。

maisumakun

2020/08/02 02:02

（自分が書いたセレクタでは、何が良くないと考えて変更されたのでしょうか？）

koyamashinji

2020/08/02 02:10

申し訳ありません、下名のセレクタに.titleのテキスト部分をそのまま入れればいいのかと勘違いしておりました。失礼しました。ただ、ご提示いただいたli.messages .title aで実施しましたが、今度は、そもそも■も★も何も返らないようです・・

maisumakun

2020/08/02 02:14

すみません、li.messagesではなくli.messageでした。

maisumakun

2020/08/02 02:15

（略しすぎてタグのネストがわかりません。<div class ="title -unread">を閉じる</div>はどこにありますか？）

koyamashinji

2020/08/02 02:25

li.message .title aで実施したところ、動作確認できました。ありがとうございます。ちなみに、titleを、title -unreadとしない理由を教えていただけないでしょうか。クラス名をそのまま記載するのかと思いました。

maisumakun

2020/08/02 02:28

> クラス名をそのまま記載するのかと思いました。クラス名はスペース区切りで、それぞれの部分が意味を持ちます。「title -unread」の両方を条件にしたいのであれば、「.title.-unread」とすべきです。あと、「unread」という名前から、未読時に付くものと考えられ、状況が変わればこのクラスがつかないことも有り得そうだったので、あえて条件に指定しないほうが適切と考えました。

koyamashinji

2020/08/02 03:01

なるほど。。大変助かりました。ありがとうございます。

行動規範の内容に同意します