括号是一对标记,通常用圆括号()或方括号[]标记,这提供了影响操作顺序的符号逻辑。
下面的示例演示了在SCSS文件中使用圆括号:
<html> <head> <title>String Operations</title> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="/attachments/tuploads/sass/jquery.min.js"></script> <script src="/attachments/tuploads/sass/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Example using Sass Parentheses</h2> <p>SASS stands for Syntactically Awesome Stylesheet..</p> </div> </body> </html>
接下来,创建文件 style.scss 。
p { font-size: 5px + (6px * 2); color:#ff0000; }
您可以通过使用以下命令让SASS查看文件并在SASS文件更改时更新CSS:
sass --watch C:rubylibsassstyle.scss:style.css
接下来执行上面的命令,它将用下面的代码自动创建 style.css 文件:
p { font-size: 17px; color: #ff0000; }
让我们执行以下步骤,看看上面的代码如何工作:
将以上html代码保存在 parentheses_example.html 文件中。
在浏览器中打开此HTML文件,将显示如下输出。
描述通过仅给出引用,规则集不访问任何新的范围。例子下面的例子演示使用给引用将不会修改LESS文件中的分离规则集范围:passing_...
描述Screen功能使用两种颜色作为参数,并输出较亮的颜色。参数: color1:颜色对象。 color2:颜色对象。返回:颜色。例子下面的...
描述它动态构建选择器,并使用属性或变量值作为任意字符串。例子下面的例子演示了在Less文件中使用转义:htmlhead titleLess Esca...
CSS3多列布局允许我们轻松创建多列。以下三个属性用于在CSS3中配置列布局。column-countcolumn-gapcolumn-rule设置列计数!DOCTYP...
使用 form 标签可以向服务器传输数据,该标签的使用示例如下:实例带有两个输入字段和一个提交按钮的 HTML 表单:form action="d...