<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>本回答被提问者和网友采纳

<ul>中<li>标签和<li>之中标签文字大小如何改变
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设置了字体的...

html代码里的<li>怎么改变不了字的大小
请问你用的是什么浏览器,谷歌是不支持小于12px的字体的!所以你调小12px,chrome都是不变的,调大就不一样!

html中,ul标签 两句话之间的行距过大,有没有办法调整
ul和ul之间肯定会有间隔的,建议把两句话写在一个ul的两个li中,当然,你也可以试试:.noMP{ padding:0px;margin: 0px;} <ul class="noMP">...<\/ul> <ul class="noMP">...<\/ul> 把ul的内外空白去掉。理论上能达到去掉间隔的效果。

css有办法让ul>li>ul>li这个最后面的这个li与旁边ul>li>ul>li这个后面...
把里面的ul的宽度设为与父级的li同宽即可,最简单就是 width:100 当然如果父级的li与祖父级的ul也不同宽,那么父级li也要设为 width:100 还有一点,就是如果背景色(绿色)是设在最底层的li的,那么li的宽度也要设为 width:100

如何设置ul标签的宽度和高度。
1、新建一个html文件,命名为test.html。2、在test.html文件内,创建一个div模块,在div标签内,使用ul、li标签创建一个无序列表。3、在test.html文件内,设置div的class为mydiv,主要用于设置div的css样式。4、在css标签内,通过class设置div的宽度为300px,高度为200px,背景颜色为灰色。5、在test...

<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变...
length; i++) { lis[i].onclick = function() { this.style.color = '#fff'; \/\/ 文字变为白色 this.style.backgroundColor = '#06c'; \/\/ 背景变为蓝色 } } <\/script><\/body><\/html>

关于HTML标签UL LI的问题,当把LI的宽度设置为auto时,在FF下LI的宽度取 ...
li{ max-width: 100px;\/*具体数值自行修改,下一行相同*\/ width:expression(document.body.clientWidth>100?"100px":"auto");overflow: hidden;} 把上面的100改成你自己的最大宽度即可。

html li 点和字的距离设置
这个只能控制符号的位置,在里面和在外面:list-style-position:outside\/inside.一般这样需要符号特殊样式的都不是用li自带符号的。。都是自己外加在的

css 如何设置ul的列表图标和列表文字对齐
1、将li的height和line-height设置成为和设计稿一样的 2、将列表图标整体切出来,铺在ul上,不平铺 3、使用background-position控制ul背景和li中的文字对齐即可。。。

<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变...
if(this.getAttribute("index")==i){ lis[i].style.color="#fff"; lis[i].style.backgroundColor="#666"; }else{ lis[i].style.

相似回答