Question

悬停时，我的文字链接有下划线。这是Bootstrap中的默认值。

我想保留这个，除非链接在某个div内。

我尝试的代码（以及一些变体）不起作用。

HTML：

        <div class="wall-entry span5">
            <a href="">
            <img src="http://www.placehold.it/290x163" />
            <div class="wall-address">
                <p>Burgundy Street</p>
                <p>New Orleans, LA</p>
                <p>USA</p>
            </div>
            </a>
        </div>

我的CSS：

.wall-entry     {
                background-color: @black;
                position: relative;

            img {
                opacity:0.4;
                filter:alpha(opacity=40); /* For IE8 and earlier */
                }

            div {
                position: absolute;
                left: 10px;
                bottom: 10px;
                p   {
                    line-height: 18px;
                    margin: 0;
                    font-family: Neuzit Heavy;
                    font-size: 18px;
                    color: white;
                    text-decoration: none;
                    }
                }
            }


div.wall-entry:hover img    {
                            opacity:1;
                            filter:alpha(opacity=100); /* For IE8 and earlier */                    
                            }

a div.wall-entry {text-decoration: none;}

快速说明：我测试了a {text-decoration: none;}，这确实有用。但是，我不想改变一切。只是这个特定情况下的链接。

Answer 1

将font-family放在引号中，引用涉及多个单词的字体，首先是：

font-family: "Neuzit Heavy", sans-serif;

然后在a下面放.wall-entry a:hover { text-decoration: none; }

您已切换订单。您要定位的项目应该在右侧。例如，

英语中的

.wrapper .header a表示“定位.header内部的所有锚链接，位于.wrapper内”

Answer 2

问题实际上是由Twitter Bootstrap的CSS文件引起的，而不是你的代码。

Twitter Bootstrap的CSS文件（bootstrap.min.css是我项目的罪魁祸首）给链接多次下划线。当它们被徘徊时，当它们聚焦时，它会给它们一个下划线，它甚至会使它们变成蓝色。

在我的项目中，我专门为锚标签内的文本分配了自己的颜色，浏览器正确地渲染了颜色，就像我分配颜色一样，但是，因为文本被包裹在锚标签中，蓝色来自Twitter Bootstrap样式表的下划线仍出现在我所有样式的文本下面。

我的解决方案：打开bootstrap.min.css（或调用任何Bootstrap样式表）并搜索术语“下划线”，每当你在锚标签选择器中找到'text-decoration：underline'时，如下所示：

a:hover, a:focus {
  color: #2a6496;
  text-decoration: underline;
}

或者这个：

      a, a:visited {
    text-decoration: underline;
  }

你应该继续删除颜色和文字装饰规则。

这解决了我的问题。

Answer 3

这不起作用

a div.wall-entry {text-decoration: none;} // Inside 'a' div with class wall-entry

但这会奏效。

div.wall-entry a{text-decoration: none;} // Inside div with class wall-entry 'a'

因为a代码有text-decoration。

Answer 4

如果你的链接在div标签内，那么你可以这样选择你的链接：

public sealed partial class App
{
    protected override void OnStartup(StartupEventArgs e)
    {
        // setting up the Dependency Injection container
        var resolver = ResolverFactory.Get();

        // getting the ILogger or ILog interface
        var logger = resolver.Resolve<ILogger>();
        RegisterGlobalExceptionHandling(logger);

        // Bootstrapping Dependency Injection 
        // injects ViewModel into MainWindow.xaml
        // remember to remove the StartupUri attribute in App.xaml
        var mainWindow = resolver.Resolve<Pages.MainWindow>();
        mainWindow.Show();
    }

    private void RegisterGlobalExceptionHandling(ILogger log)
    {
        // this is the line you really want 
        AppDomain.CurrentDomain.UnhandledException += 
            (sender, args) => CurrentDomainOnUnhandledException(args, log);

        // optional: hooking up some more handlers
        // remember that you need to hook up additional handlers when 
        // logging from other dispatchers, shedulers, or applications

        Application.Dispatcher.UnhandledException += 
            (sender, args) => DispatcherOnUnhandledException(args, log);

        Application.Current.DispatcherUnhandledException +=
            (sender, args) => CurrentOnDispatcherUnhandledException(args, log);

        TaskScheduler.UnobservedTaskException += 
            (sender, args) => TaskSchedulerOnUnobservedTaskException(args, log);
    }

    private static void TaskSchedulerOnUnobservedTaskException(UnobservedTaskExceptionEventArgs args, ILogger log)
    {
        log.Error(args.Exception, args.Exception.Message);
        args.SetObserved();
    }

    private static void CurrentOnDispatcherUnhandledException(DispatcherUnhandledExceptionEventArgs args, ILogger log)
    {
        log.Error(args.Exception, args.Exception.Message);
        // args.Handled = true;
    }

    private static void DispatcherOnUnhandledException(DispatcherUnhandledExceptionEventArgs args, ILogger log)
    {
        log.Error(args.Exception, args.Exception.Message);
        // args.Handled = true;
    }

    private static void CurrentDomainOnUnhandledException(UnhandledExceptionEventArgs args, ILogger log)
    {
        var exception = args.ExceptionObject as Exception;
        var terminatingMessage = args.IsTerminating ? " The application is terminating." : string.Empty;
        var exceptionMessage = exception?.Message ?? "An unmanaged exception occured.";
        var message = string.Concat(exceptionMessage, terminatingMessage);
        log.Error(exception, message);
    }
}

即使使用了boostrap也能正常工作。

Answer 5

如果还有人关心，我这样做了，它对我有用：

a:hover, 
.a:hover {
   text-decoration: none !important;
}

'Text-decoration：none'在Bootstrap中不起作用

5 个答案: