1菜单项的标题属性选择器

时间:2017-10-25 20:33:52

标签: css wordpress attributes

我正在使用此网站:http://box5155.temp.domains/~grownows/

在顶部菜单栏中,我想要"取得联系"让以下CSS工作,以便更突出:

font-size: 120%;
text-transform: none;

我还想在它周围放一个绿色的边框,但我甚至还没想到它。

所以我试过在CSS中做这些但是那些没有用(唯一奇怪的工作就是将字体改成Escafina。)我确实使用了!在字体大小和文字上很重要 - 转换,但没有工作。

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-
50.menu-item-link { 
   font-size: 120%;
   font-family: 'Escafina';
   text-transform: none;
   color: blue;
}

#menu-item-50 {
text-transform: none;
font-size: 120%;
}

然后我给了"联系" title属性" getintouch"并尝试了这个:

.a[target="getintouch"] { 
text-transform: none;
font-size: 120%;
}

现在我被卡住了。我试过没有"。"选择器也在a之前。有什么建议?

1 个答案:

答案 0 :(得分:0)

这在我测试时起作用了:

li#menu-item-50.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-50.menu-item-link a {
  font-size: 120%;
  text-transform: none;
  border: 1px solid #b4d447;
  padding: 0 17px !important;
  max-height: 34px;
}