检查href是否只有#来用css更改光标

Question

我在breadcrumbHome> Media > News中有一个链接Home链接到主页，媒体不是一个页面，而是一个父类别，它有子页面，如新闻、画廊等。

所以在breadcrumb中，由于Media只是一个父类别，而不是一个实际的页面，我希望光标是指针，而不是指针。

下面的代码(例如jQuery(将光标更改为指针，如果我用颜色进行测试，则它将前两个项目的颜色更改为绿色。

我能用CSS实现同样的效果吗？或者我如何使用jquery 纠正这一点

<ul class="breadcrumb">
<li><a href="/">Home</a></li>
<li><a href="#">Media</a></li>
<li class="active"> News</li>
</ul> 
$('a[href*="#"]').each(function() {
$(".breadcrumb > li > a").css('color','green');
//$(".breadcrumb > li > a").css('cursor','pointer');
});

http://jsfiddle.net/Lc5ywaq2/2/

Answer 1

因为您的CSS当前有

.breadcrumb li a { 
color:red;
}

您需要添加

.breadcrumb li a[href^="#"] { 
color:green;
}

注意：您的jquery在href中的任何位置查找#，但您应该查找#作为第一个字符，这就是[href^="#"]相对于[href*="#"]的作用