zawaさん、例に出された三つの画像をせっかくdiv class=”x”で括ってるのだから、cssでは .entry-content .x a {} 加えて .entry-content .x a img {} を書けば独立した指令を出せて他の影響を受けませんよ。

a imgのbox-shadowを0にすると、上位の a の影響を受け下線が現れますが、これが気ならないのなら、そもそも問題自体がないと言っていいとも言えます。

親のスタイルシートを直接改変するのもありですね。ただ、今後のアップデート時にリセットされるので注意が必要になってきます。

スタイルシートの親子の関係、セレクタの優先順位や要素の関係、CSSそのものの基礎的な書き方やルールをこの際いちど学習し直されてみてはいかがでしょう。
私も独学した口なので最初はコードのコピペとその知識で凌いでいましたがやがて行き詰まり、気を取り直して最初から学び直しました。慣れている頃だからこそ基礎を学び直すのは有効かと思います。

ホントにどうしてこんなことしちゃったんでしょうね。私がここで気が狂って書き散らかしたのと同じ様な精神状態になってやらかしたんですかね。。プロがまさかね。

digitalboo さんには本当にご迷惑おかけしました。
おかげさまで少し賢くなりました。

もう愛しちゃったテーマなので替える事はありませんが、TwentySeventeenの見方も変わりました。これも全てこのページのおかげです。

ありがとうございます。もう来るなって言われてもまたやって来るかも知れません。
それでは失礼します。

ありがとうございました。

枠画像を付けた瞬間に白枠が出現します。影なんだから当たり前ですか。
もうダメ。寝ます。

書き散らかしてごめんなさい。消去をよろしくお願いします。

.entry-content a img {
box-shadow: none;
border: 0;
}
これで憎っくき白枠が完全ではないものの消えました。
でも肝心の消えてもらっては困るbox-sizingで付けた枠も巻き込まれて消えてしまいます。

そこで無い知恵を振り絞って、box-sizingの記述前に白枠を消すコードを書けば良いのではと思いついて飛びついたのですが、ダメです。

どーしてなんですかぁぁぁあああ。後に書いた命令が無視されちゃうんですか。
教えて下さいませ。

.entry-content a img {
border: none;
}
でやると、3枚目のリンク付きの画像の枠線だけ消えます。
img だけでやると3枚の枠線全て消えます。なるほど。
twenty seventeenの付ける白枠はご解説の通り、ボーダー属性ではないから消えません。

なるほど。。。少しだけ分かりました。
それで、box-shadow: 0;は全く効きませんです。
そしてご提案の、.X a img{} は、期待の星でしたが、.entry-content a img {}と全く同じ反応です。
セレクタは２つも手に入りましたが、肝心のその何て言うんですか、分かりませんけどもその命令文が分かりません。
box-shadow: 0;と何か組み合わせるものはありませんでしょうか。お教え下さい。

私も同じことで考え込んで、この記事のような結論を得ました。画像の白枠の正体も記事に書いた通りで、白枠を 0 にすれば a の下線が出てきます。親スタイルで.entry-content a にbox-shadowが仕込んであるのが根本の原因ですからね。ですので色を変えるか個別クラスで対応するしかありません。

私は面倒なので上位の a もろともbox-shadowを全部0にしました。

box-sizingで配置した画像をご使用とのことで、画像をdivか何かで囲んでおられるのでしたら、そのdivのクラス名で個別指定するのもありかもしれませんね（.class名 a と .class名 img 共に box-shadow: 0 とか）

twenty seventeenがリンクのある画像周りに付ける白枠が思わぬところに出現して頭を抱えています。
特に、box-sizing:border-box;で画像の下枠にだけ配置してる画像周りに出現するのが許せません。

.entry-content a img {
border: none;
}
と、やると その苦労して配置した下枠画像だけが消されてしまいますから、効く効かないという表現を使ってしまいました。

やりたいことと言うか、それはdigitalbooさんが最後に括られてることをCSSコードに表したモノを試してみたいって事です。色を変えて誤摩化す事も考えましたが、思わぬところに出現して来る白枠なので、消す事が出来ないのであれば、このままこれは我慢しようと思います。実はもう、カスタマイズにヘトヘトなんです。

よろしくお願いします。

「効きません」ということがどういうことなのか判りませんので言い切れませんが、もし .entry-content a img の白枠の白を変えようとされているのであれば box-shadow を 0 にせず、例えば元の box-shadow: 0 0 0 8px #fff; から色（#fff）だけ変更すればいいと思います。

.entry-content a img {
box-shadow: 0;
color: rgb(7,0,255);
}

どう書いたら良いのでしょうか。お教え下さい。