我的页面上有一个菜单栏，其中有一些按钮可以点击打开其他div，在那些div中，我有更改颜色和字体大小的内容，我遇到的问题不仅是将字体大小更改为div中的内容，还更改了菜单栏上的字体大小。。但当我更改颜色时，它只会更改div中内容的颜色，而不会更改菜单栏的颜色。在这一点上我有点不知所措。。如果有任何帮助，我将不胜感激，谢谢，我想做的只是将字体大小更改为div中的内容，而不会与菜单栏冲突，并将大小更改为菜单栏上的单词
css
#profile_about_me_friends {
width:400px;
height:600px;
color:#000000;
font-family:"Baskerville Old Face",serif;
font-style:italic;
font-size:20px; <-- this is conflicting with all the text on the menu bar <--
background-color:rgba(0,0,255);
position:absolute;
top:200px;
right:-1200px;
padding:40px;
transition:left 0 ease-in-out;
#right_menu
position:fixed;
font-size:15px; < issue is here <<<
top:0;
right:0;
background-color: #FF00FF;
width:50px;
height:100%;
我能理解你的沮丧。我对未来有一些建议。有些人喜欢看到更多的代码，因为这个问题可能很普遍。如果你知道问题可能在哪里，你可以随时添加一个更详细的代码示例，然后根据你的想法添加一个更小、更精确的示例。
另一个有用的解决方案是JSFiddle(http://jsfiddle.net)。这项服务可以让你运行代码，这样人们就可以看到你看到的内容，并更快地找出问题。
关于你的问题，我很高兴你找到了解决问题的办法。通常情况下，是简单的错误导致了大问题。您可能需要考虑在正文中添加一个字体大小声明，这样，如果您没有声明字体大小，元素仍然会显示正确的大小。例如：
body {
font-size: 15px; /* This will carry over to any elements listed under body */
}
以及您的HTML:
<body>
<p>The size carries over to p, even though it's not explicitly stated.</p>
</body>
我现在使用的另一个好方法是使用rem而不是像素。这使您的字体大小更加灵活。您可以使用rem动态更改移动屏幕的字体大小。更多阅读点击这里：
- http://snook.ca/archives/html_and_css/font-size-with-rem
- https://css-tricks.com/rems-ems/
body {font-size: 15px;}
或
#right_menu {position: fixed; top: 0; right: 0; width: 50px; height:100%; font-size: 15px !important; background-color: #FF00FF;}
我不认为你的css有问题，但试试选项二。如果这不起作用，选项一会将所有文本更改为该大小。
问题是在你的html中，如果我们能看到，那么我可以解决它。