css-content

0熱

1答えて

私は要素 <div class="Test_then">The result is ...</div> Test_thenクラスを持っているが、このようになります： .Test_then::before { content: 'Then'; } 私の目標は、（The result is ...が）Test_thenクラスによって追加Thenコンテンツの下に表示させることです。だ

1熱

1答えて

CSS：コンテンツのURLなどのデータ属性を使用して

だから私は、私は、現在のページのURLのQRコードを表示することができますdiv要素があります。 .page-qr:before { content: url(https://chart.googleapis.com/chart?cht=qr&chs=100x100&chl=<?php echo current_page(); ?>?choe=UTF-8); height: 1

0熱

2答えて

:: before要素に2つの文字を積むセマンティックな方法は？

テーブルセルの左端にチェックリストシンボルを追加しようとしています。これまでのところ、これは動作します。しかし、チェックリストのシンボルの上に別の文字を積み重ねようとすると、物事が醜いものになります。私は結果を達成するためにいくつかの方法を見つけましたが、それらのどれも特に私には良く見えません。誰かが良いアイデアを持っていますか、好ましくはセマンティクスに集中することができますか？ .chec

0熱

1答えて

スタイル付きコンポーネントとCSS attrの（）を使用

私はそうのように、CSSのコンテンツattr機能を使用してSVGの円内のパーセンテージの数字を入れしようとしている：は content: attr(data-percent)%; 擬似要素は表示されませんStyledコンポーネントは最後に%を処理できないように見えるためです。私はそれを削除する場合は動作しますが、番号は20%と表示され、この形式は通常のCSSに有効です。ここに欠けているものがある

2熱

1答えて

子供：コンテンツ継承の前

タイトルはちょっと混乱するかもしれませんが、なぜ子要素がその親を継承するのが不可能なのでしょうか？::beforeコンテンツ。例えば： HTML： <div class="foo"> <div class="baz"></div> </div> CSS： .foo > .baz::before { content: inherit; } と、この1：私はそれをその

0熱

1答えて

CSSは背景画像にフォント文字を使用する

入力要素の背景画像としてフォント文字（font-awesomeなど）を使用したいと考えています。これを達成するためにコンテンツ、適切なポジショニングで後： <style> #id { background-image: content('\f2d3'); /* content instead of url() */ background-position: right cen

0熱

1答えて

CSSカウンターでインデントリストをぶら下げるには？

私はCSSカウンターを使って3レベルの順序付きリストを作成しようとしています。 ol { counter-reset: paragraph; list-style-type: none; margin-bottom: 1em; font-weight: bold; } ol > li::before { counter-increment: paragraph; content:

2熱

1答えて

contentプロパティの値にCSSカスタムプロパティを使用できますか？

例：これは、レンダリングされ :root { --PrimaryThemeColor: #3acfb6; /* with or without quotes */ } .ColorSwatch:after { content: var(--PrimaryThemeColor); } 、計算されたCSSは、文字通りその値です。 content: var(--Prima

1熱

2答えて

CSS Unicodeコンテンツプロパティを動的に変更する

divタグの背景を設定しています。これは、表の各行のフォントの素晴らしいアイコンです。このアイコンは、表示されているオブジェクトによって異なります。私はChanging CSS content property dynamicallyのようなコードを設定しようとしました。しかし、私のデータコンテンツはユニコードになります。次のように私は、角度コントローラに値を代入しています。その後、 if (ty

9熱

4答えて

擬似要素が表示されていない場合のCSSコンテンツのDiv

私は完了しなければならないPOCを持っており、CSSを使用して製品のスタイルを更新することのみが許可されています。私は、CSSコンテンツ属性を使用して、製品のイメージの1つをロゴに置き換えました。このロゴの後に表示される電話番号の簡単な文字列を追加する必要があります。私はこれを行うには:after疑似要素を使用しようとしました。これは、divのコンテンツが空の場合（ロゴが削除されている場合）にの