<ul>中<li>标签和<li>之中标签文字大小如何改变

<style type="text/css">
#Logo ul li a{font-size:16px;}
.left a{font-size:50px;}
</style>
<body>
<div id="Logo">
<ul>
<li><a href="#">哈哈</a>
<div class="left">
<p><a href="#">哈哈</a></p>
</div>
</li>
</ul>
</div>
</body>
只要我在CSS里面加上 #Logo 就改变不了left里面的文字

但是不加的话会控制其他ul 标签 这种情况要怎么才能改变left里面文字的大小?

直接使用css样式就是可以改变li之间的文字大小的,css中修改文字的大小使用的是font-size属性。

工具原料:编辑器、浏览器

1、首先给ul或者li添加id或者class属性,然后在css样式表中给其应用font-size属性,简单的代码示例如下:

body>
<ul>
<li>文字一</li>
<li>文字二</li>
<li class="special">文字三</li>
<li>文字四</li>
</ul>
<style>
.special{
font-size: 30px;
}
</style>
</body>

2、给第三个li设置了字体的大小为30像素,运行的效果如下:

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-10-06
这是典型的CSS选择器权重问题,CSS选择权重用高到低依次是important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符,#Logo ul li a{font-size:16px;}的id权限明显是高于类的.left a{font-size:50px;}权限,所以从你现在的css来看,要想改变left里面的字体,建议直接这样写

<a href="#" style="font-size:50px;">哈哈</a>本回答被提问者和网友采纳
相似回答