CSS 特定の文字が含まれるPタグを取得したい

Question

実現したいこと

特定の文字が含まれるPタグを取得したい

発生している問題・エラーメッセージ

特定の文字に当てるために参考にしたサイト
https://step-learn.com/article/html-css/041-selector-asterisk.html
サンプル構文　div[class*="sample"]

該当のソースコード

<p>
    ★テスト
    <br>
    りんご
</p>
<p>
    ●テスト
    <br>
    みかん
</p>

サンプルではclass名がついているので抽出できておりますが、
class名やid名がついていない場合の・・・

●を含むpタグの値を取得したい
→p[ここが分からない*="●"]

このような条件でも抽出することは可能でしょうか？
CSSに詳しい方いらっしゃいましたらご教授ください。
よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

document.addEventListener("DOMContentLoaded", () => {
  const pElementArray = [...document.querySelectorAll('p')];
  for (const pElement of pElementArray) {
    const textContent = pElement.textContent;
    if (/★/.test(textContent)) {
      // cssに.star{ color: red;}と書いて
      pElement.classList.add("star");
    } else if (/●/.test(textContent)) {
      // そのまま要素にくっつける
      pElement.style.color = "green";
    }
  }
});

javascriptで作ったけどせっかくなので誰か見てください

Answer 2

jQueryで以下のようにすると、取得できるような気がします。

$(function() {
    $("p:contains('●')").text();
});

Answer 3

cssだと多分無理だと思います。
javascriptを使えば可能です。

ただ、下記の答えのような仕方もできます。
https://ja.stackoverflow.com/questions/60606/css%E3%81%AE%E3%82%BB%E3%83%AC%E3%82%AF%E3%82%BF%E3%81%A7-div%E3%82%BF%E3%82%B0%E5%86%85%E9%83%A8%E3%81%AE%E6%96%87%E5%AD%97%E5%88%97%E3%81%8C%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%9F%E6%96%87%E5%AD%97%E5%88%97%E3%81%A8%E4%B8%80%E8%87%B4%E3%81%99%E3%82%8B%E3%81%A8%E3%81%8D%E3%81%A0%E3%81%91%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%82%92%E7%9F%A5%E3%82%8A%E3%81%9F%E3%81%84

Comments

[ataru2222]

CSSで中身を選定して取得するのは無理なのですね。
勉強になりました。
解答していただき、ありがとうございました。