アイキャッチ画像の周りにボーダー

最も良いのは、アイキャッチの画像にアイキャッチであるとわかるclassが入っているか、それを囲むdiv等に同様にしてclassが入っていることですが、simplicityはそれがありません。

そこで、#the-contentの最初のpのimgはアイキャッチだと仮定してスタイルすることは可能です。
つまり、必ず、最初のpのimgにはボーダーが入ることになりますが、

#the-content p:first-child > img {
    border: 3px solid #c00;
}

こんなんでどうでしょうか？
最初のpにimgが無い場合は特に何も起こりませんし、最初のpにimgがある場合、そこに直styleでborderの設定がしていない場合はイケると思うんですけれども。

アイキャッチが無い場合で画像をはじめの方に貼る場合は、最初のpの中を避けるだけということなので。何かしら文を入れてから次のpで画像を入れれば良い感じになります。最悪、どうしても画像を最初に入れたくてそこにボーダー入らないという事なら、

[img src=”#” style=”border:0;” /]

とかとすればよいかと。アイキャッチが表示される設定で、必ずアイキャッチを入れるのであれば#the-content…のcssで良いかと思います。試してないですけれども(笑)

＆gt;は 半角 〉です。

> 最も良いのは、アイキャッチの画像にアイキャッチであるとわかる
> classが入っているか、それを囲むdiv等に同様にしてclassが入って
> いることですが、simplicityはそれがありません。

これはPHPをいじれば入れることは可能です。が、親テーマのアップデートの度に直す必要が出てきたりするため、ひとまずわいひらさんの対応待ちということで。

> そこにボーダー入らないという事なら、

× そこにボーダー入らないという事なら、
◯ そこにボーダーは要らないと言う事なら

Hidekichiさん、
詳しい解説ありがとうございました。とても参考になり助かりました。
ただ、教えていただいたcssのままだと、何故か私の環境ではうまく行きませんでした。
#the-contentというidが見当たらないようです。
それで、試行錯誤で

#list img {
    border: 3px solid #c00;
}

としてみたら、インデックスリストに表示されるアキキャッチの周りにボーダーが出ました。