Question

目前我已经设置了我的网站，以便链接在鼠标悬停时具有下划线。如何获取它以便某些链接忽略这一点？

我的代码：

a:hover { 
border-bottom: solid #000 2px !important;}

我不想将此应用于此的HTML：

＆＃13;

<div class="banner">
<h1><a href="home.html" class="titleLink">Brian Funderburke Photography &amp; Design</a></h1>

＆＃13;

我想我可能会对我的h1应用text-decoration：none，但问题是在css中选择我的h1。我的不同尝试都没有起作用，所以我认为我正在编写选择器错误。在这种情况下我该如何编写选择器？

Answer 1

首先，删除!important。这是不必要的，使事情变得比他们需要的更困难。

然后，假设.titleLink是你的＆＃34;不要将悬停效果放在这个＆＃34;上课，只是做...

a.titleLink:hover {
    border-bottom: none;
}

完成。

Answer 2

.banner h1 a:hover { 
    border-bottom: 0 !important;
}

Answer 3

        public void Add(Car carToAdd)
        {
            var regQuery = Cars.Select(car => new { car.Registration });


            foreach (var car in regQuery)
            {
                if (!regQuery.Contains(Car carToAdd.Registration))
                {
                    Cars.Add(carToAdd);
                }
                else
                {
                    Console.WriteLine("Reg already exists!");
                }
            }

Answer 4

你可以这样做：

添加新课程

<强> CSS

a.noborder:hover { 
border-bottom: none !important;}

<强> HTML

<div class="banner">
<h1><a href="home.html" class="titleLink noborder">Brian Funderburke Photography &amp; Design</a></h1>

Answer 5

您可以按班级申请。所以你可以写：

.titleLink:hover {text-decoration: none;}

希望它有所帮助。

您可以通过编写课程

使其更具可重用性

.noDeco:hover {text-decoration: none;}

然后将其用作您不想要下划线的链接的类。

Answer 6

您需要定义一个特定于titleLink类的悬停：

a.titleLink:hover {
   border-bottom: none !important;
}

或者如果您在页面的其他部分使用该类，则需要为该特定链接定义新类或帮助程序类。

Answer 7

a {
  text-decoration: none;
}
a:hover {
  border-bottom: solid #000;
}
.borderBottom0 {
  border-bottom: 0!important;
}

<div class="banner">
  <h1><a href="home.html" class="titleLink">Brian Funderburke Photography &amp; Design</a></h1>
  <h1><a href="home.html" class="titleLink borderBottom0">Brian Funderburke Photography &amp; Design</a></h1>

如何获取忽略鼠标悬停时悬停的链接？

7 个答案: