来自（内部）wordpress仪表板的自定义CSS样式

Question

I am looking to edit the css styles from inside the Dashboard inside of wordpress and NOT have to edit the php files if possible.

I know it is possible to edit at least some of the properties so my hope is I can edit all of them right within the dashboard.

MORE SPECIFICALLY How can I change the css states of links and submenus of a custom class? For example the a:active, a:hover, a:link etc... and ALL OF THE SUB-MENUS to custom css as well?

I have included these pictures to show you what I am trying to do and the present results.

MY CUSTOM MENU INSIDE OF WORDPRESS

CUSTOM CSS INSIDE OF WORDPRESS

THE RESULTS

Answer 1

I am taking the time to give a little more details in gratitude for all the help I got on stackoverflow over the years, also giving a little more info for the newbies out there. We are all learning.

Here is what worked in pictures

1. I used Firefox and used "INSPECT ELEMENT". While on the page I did a LEFT CLICK and from drop down I chose INSPECT ELEMENT.

1. Then I clicked on the PICK AN ELEMENT icon, as seen in the picture and then I hovered over the element I wanted to edit, in this case a button in the menu. This gave me the class I needed to edit.

2. I went into my DASHBOARD in WordPress and made this change to the code. Finally I got the results I was looking for, which I also included in the same picture as well.

Although I have not figured out how to edit the sub-menus yet I believe I am on the right track and will figure it out.

HOPE THIS HELPS SOMEONE. :)