class=”screen-reader-text”　と　clip: rect(1px, 1px, 1px, 1px);

テンプレートの　twentyseventeen　のコードを見ていたら、コードにある「投稿日:」が表示されていないので、コードを見てみた。
　

のHTMLの部分。

class=”screen-reader-text”　で指定されている部分を見ていたら、

clip

という指定がありました。これは何？と思って調べてみました。

これは、画面上表示させない方法であるらしい。

しかし、昔から非表示には、display: none; があります。

どうやら、display: none;　と、clip: rect(1px, 1px, 1px, 1px);　の違いは、読み上げ時にあるようです。

display: none;　は、読み上げ時も無くなる。
clip: rect(1px, 1px, 1px, 1px);　は、読み上げる。

という事の様子です。

そもそも何故、投稿日：　文字を非表示なのか、不明ですが、

position: absolute !important;

と同時にしないと非表示にならないので、position　も使用しているという事。