伪类不与类一起工作

我试图做一个简单的布局，但是当我的伪类和类一起使用时，我遇到了问题。虽然CSS的类适用，但任何情况下，伪类不与类一起工作

a.class:pseudo-class{/*styling*/}

写不起作用。另外，虽然我没有在下面的代码中使用它，使用伪类本身

a:pseudo-class{/*styling*/}

正常工作。

我该如何解决这个问题？谢谢。

CSS：

ul { 
    display: block; 
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}  

.nav {background-color: #5F5F5F;} 

a.nav:link, a.nav:visited {color: #FFFFFF;} 

a.nav:hover {background-color: #000000;} 

.chosenNav {background-color: #8AC007;} 

a.aside1:link, a.aside1:visited {color: #000000;} 

.chosenAside, a.aside1:hover {background-color: #DDDDDD;}

HTML：

 

<div class = "nav"> 
    <ul> 
     <li><a href = "link1">LINK1</a></li> 
     <li class = "chosenNav"><a href = "link2">LINK2</a></li> 
    </ul> 
    </div> 

    <div class = "aside1"> 
    <h2>JS Tutorial</h2> 
     <ul> 
     <li class = "chosenAside"><a href = "link3">LINK3</a></li> 
     <li><a href = "link4">LINK4</a></li> 
     </ul> 
    </div> 
</pre>

来源

2015-09-27 SaarthakSaxena

那是因为在没有'和'nav'类 –

了'标签和你的HTML是不正确''LINK4应该像''LINK4所以 –

我怎么能将此样式应用到导航里面的所有链接除了divs？总共有大约50个链接，所以我不希望将相同的类添加到所有这些类中，而是将样式应用于容器。对不起，我的实际代码确实有“”。我将在问题中添加它。 – SaarthakSaxena

你试图做的语法略有不同。

<class-name> <tag>:<pseudo> { 
<property>: <value>; 
}

也许你正在试图达到这个目标？ https://jsfiddle.net/yqatz6Lk/

来源

2015-09-27 08:24:44

这是完美的！非常感谢！ – SaarthakSaxena

如果你想款式比你应该给一个类，比作风像这样所有链接..

a.class-name:link, a.class-name:visited { 
color: #FFFFFF; 
} 

a.class-name:hover { 
background-color: #000000; 
}

如果你不想给类名比简单做到这一点..

a:link, a:visited { 
    color: #FFFFFF; 
    } 

    a:hover { 
    background-color: #000000; 
    }

来源

2015-09-27 08:18:25

我真的希望能够避免给每个环节上课，但我想这就是我必须要做的。我不能使用泛型a：伪类，因为正如你所看到的，我有两个不同的列表。我会把问题留待几个小时，有人可能会告诉我另一种方式（希望）。无论如何，非常感谢！你的解决方案有效，这比我有的更好。 – SaarthakSaxena

伪类不与类一起工作

回答

相关问题