Css SASS智能备用链接下划线悬停
如果一个链接有下划线,我希望它去掉悬停时的下划线。如果链接没有下划线,我希望它在悬停状态下有一个Css SASS智能备用链接下划线悬停,css,sass,Css,Sass,如果一个链接有下划线,我希望它去掉悬停时的下划线。如果链接没有下划线,我希望它在悬停状态下有一个 有没有一种聪明的方法可以通过SASS来实现这一点,而不是对每个链接进行硬编码?正如其他人所说,要在CSS或SASS中实现这一点,需要为链接提供默认样式,并且必须将类或数据属性应用于备选链接 如果javascript是一个可接受的替代方案,那么自动智能样式的类型是可能的。我制作了一个快速的jqueryfiddle,它通过检查文本装饰样式的所有链接来工作。由于每次加载页面时都会扫描DOM中的所有链接,因
有没有一种聪明的方法可以通过SASS来实现这一点,而不是对每个链接进行硬编码?正如其他人所说,要在CSS或SASS中实现这一点,需要为链接提供默认样式,并且必须将类或数据属性应用于备选链接 如果javascript是一个可接受的替代方案,那么自动智能样式的类型是可能的。我制作了一个快速的jqueryfiddle,它通过检查文本装饰样式的所有链接来工作。由于每次加载页面时都会扫描DOM中的所有链接,因此存在性能缺陷。它还打破了CSS领域保持样式化的法则,所以这取决于你是否值得
var links = $('a');
links.each(function (i) {
var $this = $(this);
// if this has underline
if ($this.css('text-decoration') == 'underline') {
$this.hover(
function() {
$this.css('text-decoration', 'none');
}, function() {
$this.css('text-decoration', 'underline');
});
} else {
$this.hover(
function() {
$this.css('text-decoration', 'underline');
}, function() {
$this.css('text-decoration', 'none');
});
};
});
你不是已经有两个类来制作一些带下划线的链接和一些不带下划线的链接吗?您可以只使用这些类。使用两个类,SASS无法知道元素上的最终继承样式。