我确定有一个简单的修复方法，但我想不出来:-( 我正在测试网站上工作 http://www.mypinkluggage.net ，我想将菜单字体颜色从绿色更改为奶油色。我不知道如何覆盖颜色.. 这是所有菜单的 CSS 代码:
/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */
.menu-primary,
.menu-secondary,
#header .menu {
background: url(http://mypinkluggage.net/wp-content/uploads/2014/04/NavNew1.png);
clear: both;
color: #758a94;
font-size: 16px;
text-transform: uppercase;
margin: 0 auto;
overflow: hidden;
width: auto;
height: 75px;
}
.menu-primary,
.menu-secondary {
padding: 0 25px;
}
#header .menu {
background: none;
float: right;
margin: 15px 0 0;
}
.menu-primary,
.menu-secondary {
border-bottom: 1px solid #fff;
}
#nav,
#subnav {
border-bottom: 1px solid #e3eaee;
}
.menu-primary ul,
.menu-secondary ul,
#header .menu ul {
float: left;
width: 100%;
}
.menu-primary li,
.menu-secondary li,
#header .menu li {
float: left;
list-style-type: none;
margin: 12px auto;
font-weight: bold;
}
.menu-primary a,
.menu-secondary a,
#header .menu a {
font-color: #font-color: #fbf5db;;
display: block;
font-family: Arial, Tahoma, sans-serif;
padding: 13px 15px 12px;
position: relative;
text-decoration: none;
}
#header .menu a {
padding: 8px 15px 7px;
}
#header .menu a {
font-weight: bold;
}
.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary .current_page_item a,
.menu-primary .current-cat a,
.menu-primary .current-menu-item a,
.menu-secondary li a:active,
.menu-secondary li a:hover,
.menu-secondary .current_page_item a,
.menu-secondary .current-cat a,
.menu-secondary .current-menu-item a,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
background-color: #e04861;
font-weight: bold;
color: #244c5e;
height: 22px 22px;
}
#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
background-color: #f0f4f6;
}
.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
background: none;
border-bottom: 1px dotted #e3eaee;
border-top: none;
color: #244c5e;
font-size: 11px;
font-weight: normal;
padding: 7px 5px;
position: relative;
text-transform: none;
width: 128px;
margin: 10px auto;
}
.menu-primary li li:last-child a,
.menu-secondary li li:last-child a,
#header .menu li li:last-child a {
border: none;
}
.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
#header .menu li li a:active,
#header .menu li li a:hover {
background: none;
}
.menu-primary li ul,
.menu-secondary li ul,
#header .menu li ul {
background-color: #fff;
border: 1px solid #e3eaee;
border-top: 0;
height: auto;
left: -9999px;
margin: 0 0 0 -1px;
padding: 0 10px;
position: absolute;
width: 140px;
z-index: 9999;
}
#header .menu li ul {
margin: 0;
}
.menu-primary li ul a,
.menu-secondary li ul a,
#header .menu li ul a {
width: 130px;
}
.menu-primary li ul ul,
.menu-secondary li ul ul,
#header .menu li ul ul {
margin: -32px 0 0 150px;
}
.menu li:hover ul ul,
.menu li.sfHover ul ul {
left: -9999px;
}
.menu li:hover,
.menu li.sfHover {
position: static;
}
ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
left: auto;
}
#header .menu li a.sf-with-ul {
padding-right: 25px;
}
.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
position: absolute;
text-indent: -9999px;
}
#header .menu li a .sf-sub-indicator,
#header .menu li li a .sf-sub-indicator,
#header .menu li li li a .sf-sub-indicator {
background: url(images/icon-down.png) no-repeat;
height: 16px;
position: absolute;
right: 3px;
text-indent: -9999px;
top: 12px;
width: 16px;
}
#header .menu li li a .sf-sub-indicator,
#header .menu li li li a .sf-sub-indicator {
background: url(images/icon-right.png) no-repeat;
}
#wpadminbar li:hover ul ul {
left: 0;
}
那么我应该改变哪一点呢？
感谢您的帮助!
编辑:HTML 代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>PolicePR – My WordPress Blog</title>
<meta name="description" content="My Wordpress Blog" />
<meta name="robots" content="noodp,noydir" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
.slide-excerpt { width: 50%; }
.slide-excerpt { bottom: 0; }
.slide-excerpt { right: 0; }
.flexslider { max-width: 920px; max-height: 400px; }
.slide-image { max-height: 400px; }
</style>
<style type="text/css">
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.slide-excerpt { display: none !important; }
}
</style> <link rel="alternate" type="application/rss+xml" title="PolicePR » Feed" href="http://mypinkluggage.net/feed/" />
<link rel="alternate" type="application/rss+xml" title="PolicePR » Comments Feed" href="http://mypinkluggage.net/comments/feed/" />
<link rel="canonical" href="http://mypinkluggage.net/" />
<link rel='stylesheet' id='afm-widget-style-css' href='http://mypinkluggage.net/wp-content/plugins/addcents/inc/afmFieldsCSS/style.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='afm-widget-style2-css' href='http://mypinkluggage.net/wp-content/plugins/addcents/inc/afmFieldsCSS/options.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='http://mypinkluggage.net/wp-includes/css/dashicons.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='http://mypinkluggage.net/wp-includes/css/admin-bar.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='focus-child-theme-css' href='http://mypinkluggage.net/wp-content/themes/focus/style.css?ver=2.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='slider_styles-css' href='http://mypinkluggage.net/wp-content/plugins/genesis-responsive-slider/style.css?ver=0.9.2' type='text/css' media='all' />
<script type="text/javascript">
function w3tc_popupadmin_bar(url) {
return window.open(url, '', 'width=800,height=600,status=no,toolbar=no,menubar=no,scrollbars=yes');
}
</script>
<script type='text/javascript' src='http://mypinkluggage.net/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://mypinkluggage.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://mypinkluggage.net/xmlrpc.php?rsd" />
<link rel="Shortcut Icon" href="http://mypinkluggage.net/wp-content/themes/focus/images/favicon.ico" type="image/x-icon" />
<style type="text/css">#header { background: url(http://mypinkluggage.net/wp-content/themes/focus/images/header.png) no-repeat !important; }</style>
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #050226; background-image: url('http://mypinkluggage.net/wp-content/uploads/2014/01/bg5.jpg'); background-repeat: repeat; background-position: top left; background-attachment: scroll; }
</style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
</head>
<body class="home page page-id-14 page-template-default logged-in admin-bar no-customize-support custom-background content-sidebar"><div id="wrap"><div id="header"><div class="wrap"><div id="title-area"><p id="title"><a href="http://mypinkluggage.net/" title="PolicePR">PolicePR</a></p><p id="description">My Wordpress Blog</p></div><div class="widget-area header-widget-area"><div id="search-4" class="widget widget_search"><div class="widget-wrap"><form method="get" class="searchform search-form" action="http://mypinkluggage.net/" role="search" ><input type="text" value="Search this website…" name="s" class="s search-input" onfocus="if ('Search this website…' === this.value) {this.value = '';}" onblur="if ('' === this.value) {this.value = 'Search this website…';}" /><input type="submit" class="searchsubmit search-submit" value="Search" /></form></div></div>
</div></div></div><div id="subnav"><div class="wrap"><ul id="menu-standard" class="menu genesis-nav-menu menu-secondary"><li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-14 current_page_item menu-item-15"><a href="http://mypinkluggage.net/">Home</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a href="http://mypinkluggage.net/about/">About</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://mypinkluggage.net/contact-us/">Contact Us</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18"><a href="http://mypinkluggage.net/privacy-policy/">Privacy Policy</a></li>
</ul></div></div><div id="inner"><div class="wrap"><div id="content-sidebar-wrap"><div id="content" class="hfeed"><div class="post-14 page type-page status-publish hentry entry"><h1 class="entry-title">This Is An Article Title</h1>
<div class="entry-content"><h1>Heading 1</h1>
<p>This is the body text</p>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p> </p>
<a class="post-edit-link" href="http://mypinkluggage.net/wp-admin/post.php?post=14&action=edit">(Edit)</a></div></div></div><div id="sidebar" class="sidebar widget-area"><div id="search-1" class="widget widget_search"><div class="widget-wrap"><form method="get" class="searchform search-form" action="http://mypinkluggage.net/" role="search" ><input type="text" value="Search this website…" name="s" class="s search-input" onfocus="if ('Search this website…' === this.value) {this.value = '';}" onblur="if ('' === this.value) {this.value = 'Search this website…';}" /><input type="submit" class="searchsubmit search-submit" value="Search" /></form></div></div>
<div id="categories-1" class="widget widget_categories"><div class="widget-wrap"><h4 class="widget-title widgettitle">Categories</h4>
<ul>
<li class="cat-item-none">No categories</li> </ul>
</div></div>
</div></div></div></div><div id="footer" class="footer"><div class="wrap"><div class="gototop"><p><a href="#wrap" rel="nofollow">Return to top of page</a></p></div><div class="creds"><p>Copyright © 2014 · <a href="http://mypinkluggage.net/wp-login.php?action=logout&_wpnonce=05127451ae">Log out</a></p></div></div></div></div><!-- Powered by WPtouch: 3.1.5 --><script type='text/javascript'>jQuery(document).ready(function($) {$(".flexslider").flexslider({controlsContainer: "#genesis-responsive-slider",animation: "slide",directionNav: 1,controlNav: 1,animationDuration: 800,slideshowSpeed: 4000 }); });</script><script type='text/javascript' src='http://mypinkluggage.net/wp-includes/js/admin-bar.min.js?ver=3.8.1'></script>
<script type='text/javascript' src='http://mypinkluggage.net/wp-content/plugins/genesis-responsive-header/js/resize-header.js?ver=0.1'></script>
<script type='text/javascript' src='http://mypinkluggage.net/wp-content/plugins/genesis-responsive-slider/js/jquery.flexslider.js?ver=0.9.2'></script>
<script type="text/javascript">
(function() {
var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
request = true;
b[c] = b[c].replace( rcs, ' ' );
b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
}());
</script>
<div id="wpadminbar" class="nojq nojs" role="navigation">
<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a>
<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Top navigation toolbar." tabindex="0">
<ul id="wp-admin-bar-root-default" class="ab-top-menu">
<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://mypinkluggage.net/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
<li id="wp-admin-bar-about"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/about.php">About WordPress</a> </li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
<li id="wp-admin-bar-wporg"><a class="ab-item" href="http://wordpress.org/">WordPress.org</a> </li>
<li id="wp-admin-bar-documentation"><a class="ab-item" href="http://codex.wordpress.org/">Documentation</a> </li>
<li id="wp-admin-bar-support-forums"><a class="ab-item" href="http://wordpress.org/support/">Support Forums</a> </li>
<li id="wp-admin-bar-feedback"><a class="ab-item" href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a> </li></ul></div> </li>
<li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://mypinkluggage.net/wp-admin/">PolicePR</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">
<li id="wp-admin-bar-dashboard"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/">Dashboard</a> </li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">
<li id="wp-admin-bar-themes"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/themes.php">Themes</a> </li>
<li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/customize.php?url=http%3A%2F%2Fmypinkluggage.net%2F">Customize</a> </li>
<li id="wp-admin-bar-widgets"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/widgets.php">Widgets</a> </li>
<li id="wp-admin-bar-menus"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/nav-menus.php">Menus</a> </li>
<li id="wp-admin-bar-background"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/themes.php?page=custom-background">Background</a> </li>
<li id="wp-admin-bar-header"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/themes.php?page=custom-header">Header</a> </li></ul></div> </li>
<li id="wp-admin-bar-updates"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/update-core.php" title="2 Plugin Updates"><span class="ab-icon"></span><span class="ab-label">2</span><span class="screen-reader-text">2 Plugin Updates</span></a> </li>
<li id="wp-admin-bar-comments"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/edit-comments.php" title="0 comments awaiting moderation"><span class="ab-icon"></span><span id="ab-awaiting-mod" class="ab-label awaiting-mod pending-count count-0">0</span></a> </li>
<li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://mypinkluggage.net/wp-admin/post-new.php" title="Add New"><span class="ab-icon"></span><span class="ab-label">New</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">
<li id="wp-admin-bar-new-post"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/post-new.php">Post</a> </li>
<li id="wp-admin-bar-new-media"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/media-new.php">Media</a> </li>
<li id="wp-admin-bar-new-link"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/link-add.php">Link</a> </li>
<li id="wp-admin-bar-new-page"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/post-new.php?post_type=page">Page</a> </li>
<li id="wp-admin-bar-new-user"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/user-new.php">User</a> </li></ul></div> </li>
<li id="wp-admin-bar-edit"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/post.php?post=14&action=edit">Edit Page</a> </li>
<li id="wp-admin-bar-w3tc" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://mypinkluggage.net/wp-admin/admin.php?page=w3tc_dashboard">Performance</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-w3tc-default" class="ab-submenu">
<li id="wp-admin-bar-w3tc-pgcache-purge-post"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/admin.php?page=w3tc_dashboard&w3tc_flush_pgcache_purge_post&post_id=14&_wpnonce=02c8251f39">Purge From Cache</a> </li>
<li id="wp-admin-bar-w3tc-empty-caches"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/admin.php?page=w3tc_dashboard&w3tc_flush_all&_wpnonce=02c8251f39">Empty All Caches</a> </li>
<li id="wp-admin-bar-w3tc-modules" class="menupop"><div class="ab-item ab-empty-item" aria-haspopup="true">Empty Modules</div><div class="ab-sub-wrapper"><ul id="wp-admin-bar-w3tc-modules-default" class="ab-submenu">
<li id="wp-admin-bar-w3tc-flush-pgcache"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/admin.php?page=w3tc_dashboard&w3tc_flush_pgcache&_wpnonce=02c8251f39">Empty Page Cache</a> </li></ul></div> </li>
<li id="wp-admin-bar-w3tc-faq"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/admin.php?page=w3tc_faq">FAQ</a> </li>
<li id="wp-admin-bar-w3tc-support"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/admin.php?page=w3tc_support"><span style="color: red; background: none;">Support</span></a> </li></ul></div> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://mypinkluggage.net/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><input type="submit" class="adminbar-button" value="Search"/></form></div> </li>
<li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" aria-haspopup="true" href="http://mypinkluggage.net/wp-admin/profile.php" title="My Account">Howdy, NJ1<img alt='' src='http://1.gravatar.com/avatar/d42775edef85b17b3cf8c745e3ee3c4d?s=26&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D26&r=G' class='avatar avatar-26 photo' height='26' width='26' /></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">
<li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://mypinkluggage.net/wp-admin/profile.php"><img alt='' src='http://1.gravatar.com/avatar/d42775edef85b17b3cf8c745e3ee3c4d?s=64&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&r=G' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>NJ1</span></a> </li>
<li id="wp-admin-bar-edit-profile"><a class="ab-item" href="http://mypinkluggage.net/wp-admin/profile.php">Edit My Profile</a> </li>
<li id="wp-admin-bar-logout"><a class="ab-item" href="http://mypinkluggage.net/wp-login.php?action=logout&_wpnonce=05127451ae">Log Out</a> </li></ul></div> </li></ul> </div>
<a class="screen-reader-shortcut" href="http://mypinkluggage.net/wp-login.php?action=logout&_wpnonce=05127451ae">Log Out</a>
</div>
</body>
</html>
最佳答案
将此规则添加到您的样式中:
.menu-item a { color: blue; } /* OR whatever color you want*/
关于Css Genesis 主题 - 在菜单中更改字体颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22840023/