この記事の例では、Smarty と CSS の間の構文の競合を回避する方法について説明します。参考のためにみんなで共有してください。具体的な分析は次のとおりです:
CSS に精通している人は、Smarty と CSS の間に構文の矛盾があることにすぐに気づくでしょう。これは、どちらも中括弧 {} を使用する必要があるためです。 CSS タグを HTML ドキュメントのヘッダーに埋め込むだけでは、「認識されないタグ」エラーが発生します:
?
1 2 3 4 5 6 7 8 9 10 |
p{ マージン::2px } ... |
3つの解決策があるのでご心配なく。
1. リンクタグを使用して、別のファイルからスタイル情報を抽出します。
1 2 3 4 5 6
|
...
|
これらのタグは、Smarty にこのタグ内の何も解析しないように指示します:
1 2 3 4 5 6 7 8 9 10 11 12
|
{文字通り}
{/リテラル}
...
|
これを行うには、center_delimiter プロパティと center_delimiter プロパティを設定します。
?
2 3 4 5 6 7
|
require("Smarty.class.php"); $smarty=newSmarty; $smarty->left_delimiter=''; $smarty->right_delimiter=''; ... ?>
|