试图使菜单分隔符破折号而不是实线

Question

尝试使菜单分隔符用短划线代替实线。我知道破折号，但不希望它从顶部栏的顶部一直到底部，所以就在中间，如果这样的话，因为示例类似于此处的菜单：http://preview.themeforest.net/item/industrial-and-engineering/full_screen_preview/19013654?_ga=2.241886977.2083560788.1554387032-1316791551.1554387032我的网站是：http://www.stephensengineering.com/stephens33/谢谢！ ：）

border-left：1像素虚线＃696969;

df_list <- by(df, df[c("race", "group")], function(sub) {    
    unique(
           rbind(subset(df, race == "White" & group == sub$group[1]),
                 sub)
    )
})

# race: Black
# group: 1
# id  race group
# 1   1 White     1
# 2   2 White     1
# 3   3 White     1
# 4   4 White     1
# 5   5 White     1
# 10 10 Black     1
# 11 11 Black     1
# 12 12 Black     1
# ------------------------------------------------------------ 
# race: Hispanic
# group: 1
# id     race group
# 1   1    White     1
# 2   2    White     1
# 3   3    White     1
# 4   4    White     1
# 5   5    White     1
# 17 17 Hispanic     1
# 18 18 Hispanic     1
# 19 19 Hispanic     1
# 20 20 Hispanic     1
# 21 21 Hispanic     1
# ------------------------------------------------------------ 
# race: White
# group: 1
# id  race group
# 1  1 White     1
# 2  2 White     1
# 3  3 White     1
# 4  4 White     1
# 5  5 White     1
# ------------------------------------------------------------ 
#   race: Black
# group: 2
# id  race group
# 6   6 White     2
# 7   7 White     2
# 8   8 White     2
# 9   9 White     2
# 13 13 Black     2
# 14 14 Black     2
# 15 15 Black     2
# 16 16 Black     2
# ------------------------------------------------------------ 
# race: Hispanic
# group: 2
# id     race group
# 6   6    White     2
# 7   7    White     2
# 8   8    White     2
# 9   9    White     2
# 22 22 Hispanic     2
# 23 23 Hispanic     2
# 24 24 Hispanic     2
# 25 25 Hispanic     2
# ------------------------------------------------------------ 
# race: White
# group: 2
# id  race group
# 6  6 White     2
# 7  7 White     2
# 8  8 White     2
# 9  9 White     2

Answer 1

只需在css文件中按以下方式更改代码即可。

#navbar ul li {
  border-left: 1px dashed #696969;
}
.social-icon-wrapper:nth-child(3) {
  border-left: 1px dashed #696969;
}

Answer 2

尝试一下。删除border-left:1px dashed #696969类中的#navbar ul li并在#navbar ul li a类中添加此CSS，如下所示：

#navbar ul li a { 
    font-family: 'Montserrat';
    text-decoration: bold; 
    padding: .2em 1em; 
    color: #fff; 
    border-left:1px dashed #696969
} 
.social-icon-wrapper:nth-child(3) a {
    border-right: 1px dashed #696969;
}