Those familiar with CSS will soon find that there is a conflict between the syntax of Smarty and CSS, because both must use braces ({}). If the CSS Tag is simply embedded in the HTML document header, the "unidentifiable tag" error will occur:
Don't worry, because we have three solutions.
Q: Use the link tag to extract style information from another file:
Q uses the literal tag of Smarty to enclose the style sheet information. These tags tell Smarty not to parse any content in the tag:
Q: Modify the default delimiter of Smarty. You can set the left_delimiter and right_delimiter attributes to achieve this:
Although the three solutions can solve the problem, the first one is probably the most convenient, because it is a common practice to put CSS in a separate file. In addition, this solution does not need to modify the important default configurations (delimiters) of Smarty ).