css中的content- -.- 有什么用？为什么要用他？

深入理解这段代码及其背后的原理，我们可以从CSS的伪元素和clearfix技术开始。在HTML开发中，有时会遇到在符合W3C标准的浏览器（如Firefox）中，使用float样式的内部DIV没有撑开外部容器的问题。为了解决这一问题，开发者们常常使用一种名为clearfix的技术。

在这段代码中，`.clearfix:after`是一个CSS伪元素，它会在应用clearfix的元素的结尾添加内容。这里的“content: .”就是在结尾添加了一个句号（`.`），这个句号实际上是一个占位符，用来确保生成的伪元素有足够的空间撑开外部容器。将这个句号与一些特定的CSS属性相结合，如将其`display`设置为`block`、`height`设为`0`以及将`visibility`设为`hidden`，伪元素就会像一个透明的块级元素一样，尽管不可见，但能够确保外部容器被撑开。

关于`content`属性的语法和取值，这是一个相当强大的工具，它可以与`:after`及`:before`伪元素一起使用，在对象前或后显示内容。其取值可以是字符串、URL等。在你给出的例子中，“string : 使用用引号括起的字符串”，确实就是在指定位置显示一个字符串。在这里，字符串是一个句号，用作clearfix技术的占位符。

这段代码中的`.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }`是为了解决在符合W3C标准的浏览器中，使用float样式的内部DIV没有撑开外部容器的问题。通过在结尾添加一个隐藏的句号占位符，确保了外部容器被正确撑开。这样的技术对于确保页面布局的正确性非常关键。

至于你提到的`cambrian.render('body')`，这似乎是与某个特定库或框架相关的调用，但没有更多的上下文信息，很难确定其具体作用。如果这是某个特定应用或框架的代码，建议查阅相关文档或询问该框架的开发者以获取更多信息。