我习惯于jquery,但需要在这个项目中使用Prototype框架.我有一个图像列表(jpg,png和gif),其中一些是与<a>标签的链接.我只需要将一个rel属性添加到那些<a>直接链接到jpg,gif和png的标签上.除了以.jpg,.png或.gif结尾之外,href没有类似的风格.我可以将rel添加到具有特定href的单个链接,但我无法弄清楚如何选择所有这些链接.需要操作的链接示例:
<a href="images/01.jpg"><img src="images/01.jpg" width="500" /></a>
<br>
<a href="http://www.example.com/"><img src="images/02.jpg" width="500"></a>
<br>
<a href="images/03.png"><img src="images/03.png" width="500" /></a>
<br>
<img src="images/04.jpg" width="500">
<br>
Run Code Online (Sandbox Code Playgroud)
并且期望的结果:
<a href="images/01.jpg" rel="whatever"><img src="images/01.jpg" width="500" /></a>
<br>
<a href="http://www.example.com/"><img src="images/02.jpg" width="500"></a>
<br>
<a href="images/03.png" rel="whatever"><img src="images/03.png" width="500" /></a>
<br>
<img src="images/04.jpg" width="500">
<br>
Run Code Online (Sandbox Code Playgroud)
我想最终的代码看起来像:
<script type="text/javascript">
Event.observe(window, 'load', function() {
$$('a[href="*.jpg","*.png"]').each(function(link){
link.writeAttribute('rel','whatever');
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
但我不能让通配符(*)正常工作.如何在原型中使用通配符?
我有一个由嵌套的ul列表组成的导航菜单,如下所示:
<ul id="menu">
<li class="category top_level">
<a href="#" class="category_name top_level_link">top level 1</a>
<ul class="dropdown">
<li class="item " >
<a href="">item 1</a>
</li>
<li class="item ">
<a href="">very long name of item 2</a>
</li>
</ul>
</li>
<li class="category top_level">
<a href="#" class="category_name top_level_link">longer top level name 2</a>
<ul class="dropdown">
<li class="item " >
<a href="">very long name of item 3</a>
</li>
<li class="item ">
<a href="">item 4</a>
</li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
目前的css是:
#menu ul{list-style-type:none;}
#menu li.top_level{vertical-align:top;zoom:1;display:inline;margin:2px;padding:0 1px 0 0;}
#menu .dropdown{float:none;z-index:100;position:absolute;width:180px;height:0;overflow:hidden;-webkit-transition:height …Run Code Online (Sandbox Code Playgroud) 我正在为博客设计一个设计.是否有一个css选择器(或其他方式不涉及用户向blockquote标签添加类或id),这将允许我区分div的最开始发生的blockquote和中间的blockquote一些文本块之后的div?
也就是说,我希望块引用是一篇博客文章的开头,它有一组css样式,并且在博客帖子的主体中出现的块引用具有其他样式参数.
这可能吗?