代替Chris Eppstein在SASS正在进行的工作中提到的类似Map数据结构的方法,我正在尝试实现类似的方法-将字符串映射到相应的十六进制值,该值将用于指定CSS的Unicode字符内容属性。(我正在尝试重构一些字体图标的SASS代码。)
目前,我有一些基本的东西:
/*icon1 --> \F000
icon2 --> \F001
icon3 --> \F002*/
@function u-char($name) {
@if $name == icon1 {
@return "000";
} @else if $name == icon2 {
@return "001";
} @else if $name == icon3 {
@return "001";
}
}
@mixin icon-class($name) {
...
content: "\f#{u-char($name)}";
...
}
Run Code Online (Sandbox Code Playgroud)
但是我实际上是在尝试映射大量字符,因此这种方法很麻烦。我希望能够做类似的事情:
@function u-char($name) {
$i: 0;
$itemList: item1, item2, item3;
@each $currItem in $itemList {
@if $name == item1 {
@return i-to-hex-str($i);
}
$i: $i + …Run Code Online (Sandbox Code Playgroud) 这将是一个网站的扩展页脚"语义标记好<aside>还是<footer>?
通过"扩展页脚",我指的是类似于本网站上的扩展页脚(包含联系人详细信息和营业时间),而不是包含版权声明的最底部的"真实"页脚."扩展页脚"的内容将是一般的,站点范围内的,并且与站点页面的内容无特别相关.
根据HTML5Doctor中引用的规范:
页脚元素表示其最近的祖先切片内容或切片根元素的页脚.页脚通常包含有关其部分的信息,例如谁编写它,链接到相关文档,版权数据等.
我倾向于实现类似的东西
<footer>
<div id="extended-footer"> <!-- Sitemap, latest posts, contact details, etc. --> </div>
<div id="bottom-footer"> <!-- Copyright notice etc. --> </div>
</footer>
Run Code Online (Sandbox Code Playgroud)
但是,我注意到HTML5Doctor网站本身使用的东西类似于下面的剪辑:
<aside id="extended-footer"> ... </aside>
<footer> <!-- similar to id-footer --> <footer>
Run Code Online (Sandbox Code Playgroud)
我注意到虽然HTMLDoctor的"扩展页脚"似乎与实际文章/内容有某些联系(即通过"相关帖子"部分),因此可能可以作为<footer>内部实现<main>.
我想知道这是否是最优雅和最有效的方式吗?
我有多个'标签'列表,并且通过CSS,我希望标签显示为内联(显示:内联)并以逗号分隔.我遇到的挑战是将逗号添加到每个ul.tagList中除最后一个列表项之外的所有列表:
<ul class="outerList">
<li>
<div class="innerContainer">
<ul class="tagList">
<li>Tag A</li>
<li>Tag B</li>
<li>Tag C</li>
</ul>
</div>
</li>
<li>
<div class="innerContainer">
<ul class="tagList">
<li>Tag D</li>
<li>Tag E</li>
<li>Tag F</li>
</ul>
</div>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
要在所有ul.tagList列表项上添加逗号,但是最后一个,我使用:
$('ul.tagList').children(':not(:last-child)').append(',');
Run Code Online (Sandbox Code Playgroud)
这会产生:
标签A,标签B,标签C.
标签D,标签E,标签F.
这是最好的方法吗?
另外,为什么:不是(:last-child)工作但不是:不是(:last)在这种情况下?
非常感谢您的帮助+解释.
Prembo.
我想使用表达式初始化类成员var-通过连接字符串...为什么以下不可能......
class aClass {
const COMPANY_NAME = "A Company";
var $COPYRIGHT_TEXT = "Copyright © 2011 " . COMPANY_NAME; // syntax error on this line - why?
var $COPYRIGHT_TEXT2 = "Copyright © 2011 " . "A Company"; // even a syntax error on this line
}
Run Code Online (Sandbox Code Playgroud)
非常感谢您的帮助.
Prembo
我正在尝试在我的Mac(Snow Leopard)上安装Jython.安装程序提示我安装它
/Users/myusername/jython2.5.2
Run Code Online (Sandbox Code Playgroud)
然而,这似乎是一个不适合安装解释器核心,库模块等的地方......
关于哪里可能是更合适的文件夹的任何建议......怎么样
/User/bin/jython2.5.2
Run Code Online (Sandbox Code Playgroud)
这样做会有副作用吗?
在文件模板/ Panels/SideCategoryList.html中有行%%SNIPPET_SideCategoryList%%.
当我修改文件时,我认为这一行指的是(template/Snippets/SideCategoryList.html),我看到结果输出完全没有变化.
知道底层模板文件在哪里?
更新:根据这篇文章,它可能是一个无法编辑的"隐藏片段".谁能证实这一点?如果是这样,模板/ Snippets/SideCategoryList.html的目的是什么?
模板/板/ SideCategoryList.html
<div class="CategoryList" id="SideCategoryList">
<h3>Categories</h3>
<div class="BlockContent">
<div class="%%GLOBAL_SideCategoryListTypeClass%%">
%%SNIPPET_SideCategoryList%%
</div>
</div>
</div>
模板/片段/ SideCategoryList.html
<li class="%%GLOBAL_LastChildClass%%">
<a href="%%GLOBAL_CategoryLink%%"> %%GLOBAL_CategoryName%%</a>
%%GLOBAL_SubCategoryList%%
</li>
从上面的模板代码中可以看出,Panels和Snippets之间的SideCategoryList.html没有<ul>.对模板/代码段/ SideCategoryList.html进行更改没有任何区别.这似乎指向%%SNIPPET_SideCategoryList%%从其他地方提取代码.
不幸的是,在我正在处理的网站上,营业场所的StreetView图像已经过时,而且对业务并不是很讨人喜欢.
是否有任何方法可以(通过Maps API)将地图图像设为静态图像,该图像不会链接到显示StreetView图像的完整Google地图图片?
我试图避免手动嵌入图像,因为我希望能够以编程方式执行此操作.
谢谢.Prembo.
有没有一种方法可以指示(出于辅助目的)页面上的哪个导航菜单是主要导航?
<nav role="navigation" id="primaryNavMenu">
<ul> ... </ul>
</nav>
<nav role="navigation" id="secondaryNavMenu">
<ul> ... </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)
能做这样的事情会很好:
<nav role="navigation primary" id="primaryNavMenu">
<ul> ... </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)
但我在ARIA文件中看不到任何此类规定.
html5 ×2
bigcommerce ×1
css3 ×1
google-maps ×1
hex ×1
html ×1
installation ×1
installer ×1
javascript ×1
jquery ×1
jython ×1
macos ×1
nav ×1
navigation ×1
php ×1
sass ×1
templates ×1
wai-aria ×1
xhtml ×1