小编msb*_*msb的帖子

如何选择Prototype中图像的所有链接

我习惯于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)

但我不能让通配符(*)正常工作.如何在原型中使用通配符?

javascript wildcard css-selectors prototypejs

6
推荐指数
1
解决办法
1162
查看次数

如何使下拉菜单与自动宽度保持顶级类别的宽度相同

我有一个由嵌套的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)

html css menu drop-down-menu

2
推荐指数
1
解决办法
1万
查看次数

是否有CSS选择blockquote只有它是div中的第一个元素?

我正在为博客设计一个设计.是否有一个css选择器(或其他方式不涉及用户向blockquote标签添加类或id),这将允许我区分div的最开始发生的blockquote和中间的blockquote一些文本块之后的div?

也就是说,我希望块引用是一篇博客文章的开头,它有一组css样式,并且在博客帖子的主体中出现的块引用具有其他样式参数.

这可能吗?

html css css-selectors

2
推荐指数
1
解决办法
465
查看次数