[解決済み】CSSでテキストを挿入する方法
2022-04-03 12:08:43
質問
CSSは比較的新しいもので、テキストのスタイルや書式を変更するために使用しています。
今度は、以下のようにテキストを挿入するために使用したいと思います。
<span class="OwnerJoe">reconcile all entries</span>
として見せられるようになればいいなと思います。
ジョーのタスク:すべてのエントリを照合する
つまり、クラス "オーナー Joe" であることを理由に、テキスト
Joe's Task:
を表示させる。
みたいなコードでできるんだけど。
<span class="OwnerJoe">Joe's Task:</span> reconcile all entries.
しかし、これではクラスとテキストの両方を指定するのはひどく冗長な気がします。
私が求めているようなことは可能なのでしょうか?
EDIT
一つのアイデアとして、ListItemとしてセットアップしてみるのも良いでしょう。
<li>
ここで、"bullet" は、テキスト "Joe's Task"です。 様々な箇条書きのスタイルや、箇条書きのための画像を設定する例を見かけますが、どのようにすればよいのでしょうか? リスト・ブレットに小さなテキストブロックを使用することは可能でしょうか?
どのように解決するのですか?
ありますが、CSS2が使えるブラウザ(主要なブラウザ、IE8以上)が必要です。
.OwnerJoe:before {
content: "Joe's Task:";
}
しかし、私はむしろこれにはJavascriptを使うことをお勧めします。jQueryを使って。
$('.OwnerJoe').each(function() {
$(this).before($('<span>').text("Joe's Task: "));
});
関連
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] このCSSでInline-blockが正しく動作しないのはなぜですか?
-
[解決済み] CSS color vs. background-color vs. background?
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】iframeを水平方向にセンタリングする方法は?
-
[解決済み】iframeの背景色を変更する問題
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み】フッターをページの下部に中央に配置するにはどうすればよいですか?
-
[解決済み】WebページでWindows 95のフォントを使用する
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み] HTMLの#記号の文字実体は?
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] iFrameがURLを読み込んでいない
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?