>
+}
+```
+
+ティドラーの先頭にある`\rules`プラグマは、~WikiTextがマクロとトランスクルージョンのみを許可するように制限します。これにより、誤って不要な~WikiText処理がトリガーされることを回避できます。
+
+スタイルシートTiddlerは、まずWiki化され、次に出力のテキスト部分が抽出されてCSSとして適用されるように処理されます。したがって、スタイルシートで使用しているHTMLタグはすべて無視されます。たとえば、RevealWidgetによって生成されたHTML要素は出力に影響しません。次の例のように、CSSルールを``タグで囲んで、内部マクロの処理などの処理に影響を与えることなく、コードブロックとして表示できます。
+
+```
+\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html
+
+body.tc-body pre {
+ <>
+}
+
+```
+
+!! スタイルシートマクロ
+
+~TiddlyWikiコアは、[[スタイルシートの構築に役立つグローバルマクロ|Stylesheet Macros]]を提供します。
+
+!! 参照
+
+<>
diff --git a/editions/ja-JP/tiddlers/howtos/faq/csFAQ_dynamic_stylesheet.tid b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_dynamic_stylesheet.tid
new file mode 100644
index 000000000..f7fe1ea86
--- /dev/null
+++ b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_dynamic_stylesheet.tid
@@ -0,0 +1,10 @@
+created: 201804111739
+modified: 20241120110107221
+original-modified: 201804111739
+title: Q: Is there a way to create dynamic stylesheets?
+ja-title: Q: 動的スタイルシートを作成する方法はありますか?
+tags: [[Custom Styles FAQ]]
+
+''回答:'' <<.from-version "5.1.16">>
+
+はい、[[Q: カスタムフィールドを使用してTiddlerのスタイルを設定するにはどうすればよいですか?|Q: How can I use a custom field to style a tiddler?]]を参照してください
diff --git a/editions/ja-JP/tiddlers/howtos/faq/csFAQ_how_can_i_use_custom_field.tid b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_how_can_i_use_custom_field.tid
new file mode 100644
index 000000000..3a0d69a9b
--- /dev/null
+++ b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_how_can_i_use_custom_field.tid
@@ -0,0 +1,31 @@
+created: 201804111739
+modified: 20241120110107221
+original-modified: 201804111739
+title: Q: How can I use a custom field to style a tiddler?
+ja-title: Q: カスタムフィールドを使用してTiddlerのスタイルを設定するにはどうすればよいですか?
+tags: [[Custom Styles FAQ]]
+
+''次のユースケースを考えてみましょう:'' <<.from-version "5.1.16">>
+
+`rank`という名前のフィールドがあります。このフィールドには、例えば`species`のようなさまざまな値を保持できます
+
+''回答:''
+
+ここでのアイデアは、スタイルシートを動的に作成するということです。スタイルシートは次のようになります:
+
+"""
+title: `myStyles`
+tags: `$:/tags/Stylesheet`
+"""
+
+```
+<$list filter="[rank[species]]">
+[data-tiddler-title^="<$view field=title/>"] .tc-tiddler-body {
+ column-count: 2;
+}
+$list>
+```
+
+これにより、フィールド`rank`と値`species`を持つすべてのTiddlerタイトルのCSSルールが作成されます
+
+[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]
\ No newline at end of file
diff --git a/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_if_tiddler_has_no_tags.tid b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_if_tiddler_has_no_tags.tid
new file mode 100644
index 000000000..9db20c356
--- /dev/null
+++ b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_if_tiddler_has_no_tags.tid
@@ -0,0 +1,21 @@
+created: 201804111739
+modified: 20241120110107221
+original-modified: 201804111739
+title: Q: What if a tiddler has no tags?
+ja-title: Q: Tiddlerにタグがない場合はどうしますか?
+tags: [[Custom Styles FAQ]]
+
+''回答:'' <<.from-version "5.1.16">>
+
+* Tiddlerにタグがないが、スタイル設定が必要な場合は、CSSセレクターとして`data-tiddler-title`を使用します
+** Tiddlerは一つのみです
+
+* ユーザーがシステムTiddlerのスタイルをカスタム設定したい場合: セレクターとして`[data-tiddler-title^="$:"/]`を使用します
+** TW名前空間機能を使用する
+
+* ユーザーがタグ付けされたTiddlerに対して特別な動作を設定したい場合。例: Learning
+** CSSセレクターとして`[data-tags*="Learning"]`を使用します
+
+私が使用している名前は、既存のWikiを変更することなく、ドキュメント目的でのみ使用されます。ドキュメントに副作用があることは望ましくありません
+
+[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]
\ No newline at end of file
diff --git a/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_this_and_that_tag.tid b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_this_and_that_tag.tid
new file mode 100644
index 000000000..b1f1ca76b
--- /dev/null
+++ b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_this_and_that_tag.tid
@@ -0,0 +1,34 @@
+created: 201804111739
+modified: 20241120110107221
+original-modified: 201804111739
+title: Q: How can I style a tiddler if it has "this" AND "that" tag?
+ja-title: Q: "this"タグと"that"タグの両方を持つTiddlerのスタイルを設定するにはどうすればよいですか?
+tags: [[Custom Styles FAQ]]
+
+''回答: '' <<.from-version "5.1.16">>
+
+Tiddlerに`this`と`that`の両方のタグがある場合、オレンジ色の境界線が作成されます
+
+```
+[data-tags*="bar"][data-tags*="froz"] {
+ border: 2px solid orange;
+}
+```
+
+''CSSが次のような場合: ''
+
+```
+[data-tags~="this"] {
+ border: 2px solid blue;
+}
+
+[data-tags~="that"] {
+ border: 2px solid red;
+}
+```
+
+`this`は青い境界線を作成します
+`that`は赤青い境界線を作成します
+位置を入れ替えると、逆になります
+
+[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]
\ No newline at end of file
diff --git a/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_this_or_that_tag.tid b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_this_or_that_tag.tid
new file mode 100644
index 000000000..3f5d37a94
--- /dev/null
+++ b/editions/ja-JP/tiddlers/howtos/faq/csFAQ_what_this_or_that_tag.tid
@@ -0,0 +1,19 @@
+created: 201804111739
+modified: 20241120110107221
+original-modified: 201804111739
+title: Q: How can I style a tiddler if it has "this" OR "that" tag?
+ja-title: Q: "this"タグと"that"タグのどちらかを持つTiddlerのスタイルを設定するにはどうすればよいですか?
+tags: [[Custom Styles FAQ]]
+
+''回答: '' <<.from-version "5.1.16">>
+
+`this`または`that`のいずれかのタグがある場合、赤い境界線を作成します
+
+```
+[data-tags~="this"],
+[data-tags~="that"] {
+ border: 2px solid red;
+}
+```
+
+[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]
\ No newline at end of file
diff --git a/editions/ja-JP/tiddlers/wikitext/Styles and Classes in WikiText.tid b/editions/ja-JP/tiddlers/wikitext/Styles and Classes in WikiText.tid
new file mode 100644
index 000000000..0208ed7c5
--- /dev/null
+++ b/editions/ja-JP/tiddlers/wikitext/Styles and Classes in WikiText.tid
@@ -0,0 +1,75 @@
+caption: スタイルとクラス
+created: 20131205160532119
+modified: 20241123111135825
+original-modified: 20230726105744098
+tags: WikiText [[How to apply custom styles]]
+title: Styles and Classes in WikiText
+ja-title: WikiTextでのスタイルとクラス
+type: text/vnd.tiddlywiki
+
+CSSスタイルとクラスは、`@@二重のアットマーク@@`で囲まれたインラインコンテンツまたはブロックコンテンツに適用できます。クラスは、特定のブロックWikiText要素に適用できます。
+
+スタイルやクラスを指定せずに`@@二重のアットマーク@@`でラップされた//インラインコンテンツ//には、`tc-inline-style`クラスが割り当てられ、ハイライトされたテキストとして表示されます。ハイライトされたテキストの前景色と背景色は、現在のパレットで`highlight-background`と`highlight-foreground`として定義されている色が使われます。
+
+<>
+
+!! スタイル
+
+複数のスタイル属性(例: `color`)は、各属性の後にセミコロン`;`をつけ、開始の`@@`の直後に、スペースを入れずに、記述します。
+
+<>
+
+同様に、//ブロックコンテンツ//にもスタイルを適用できます。スタイルやクラスを指定せずに`@@`内にブロック コンテンツをラップしても効果はありません。
+
+<>
+
+!! クラス
+
+次のTiddlerでは、デモンストレーションの目的で`coloured-text`クラスと`coloured-bg`クラスが定義されています:
+
+
+```
+.coloured-text {color: darkkhaki;}
+.coloured-bg {background-color: cornsilk;}
+```
+
+
+
+複数のクラス(それぞれ`.`のプレフィックス付き)は、開始の`@@`の直後にスペース` `を空けて記述します。これは、インラインコンテンツとブロックコンテンツの両方で機能します:
+
+<>
+
+<>
+
+複数のクラスとスタイルを同時に適用できます。インラインコンテンツの場合は、最初にスタイルを定義し、その後にクラスを定義する必要があります。
+
+<>
+
+ブロックコンテンツの場合、スタイルとクラスは、インラインコンテンツの場合と同じように開始`@@`の後の1行で定義することも、それぞれ`@@`で始まる別々の行で定義することもできます:
+
+<>
+
+同様に、行の先頭の文字によって導入されるブロックWikiText要素に、スタイルではなくクラスを適用できます。プレフィックス`.`が付くクラスは、特殊文字の直後に記述され、その後にスペース` `が続きます。
+
+<>
\ No newline at end of file