怎样才能用css控制第一个li标签的样式，和其他li的样式不同
怎样才能用css控制第一个li标签的样式，和其他li的样式不同，
<ul>
<li>新闻一</li>
<li>新闻二</li>
<li>新闻三</li>
</ul>
例如 控制 第一个新闻一 为粗体18号字，其他为14号字
这个li 内容是调用出来的，别用手动输入 <li style=" ">新闻一</li>
大侠 解决一下啊！
css控制第一个li标签的样式，和其他li的样式不同：给第一个<li>标签添加class或者id，然后编写css代码。
html：给第一个li元素添加一个class类名为“menu1”。
html：
<ul>
<li class=“menu1”>新闻一</li>
<li>新闻二</li>
<li>新闻三</li>
</ul>
css代码：
li{font-size：14px；} //4px大小的字体
.menu1{font-size:18px;font-weight：bold；} //字体样式：粗体18px字体
效果：
ul > i:first-child{font-weight:18px;}
所以推荐用JQUERY 或者是 JAVASCRIPT
JQUERY是
$('ul li:eq(0)').css('font-weight', '18px');
JAVASCRIPT是
document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.fontWeight = '18px';追问
伪类 好像不行
js 的我自己看过，学过C++ 但是js 也不会用，大侠帮我整理一下：
document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.fontWeight = '18px';
可以写详细点吗 ？
你写的就可以 不过要放在HTML后面 也就是最后 不然执行到那时候他找不到DOM
本回答被提问者和网友采纳font-size: 14px;
}追问
怎么控制不了？
追答低版本浏览器（包括360搜狗） 都没法识别， 需要2002年以后的新浏览器
ul > i:first-child{font-weight:18px;}
所以推荐用JQUERY 或者是 JAVASCRIPT
JQUERY是
$('ul li:eq(0)').css('font-weight', '18px');
JAVASCRIPT是
document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.fontWeight = '18px';
<li class="active">新闻一</li>
<li>新闻二</li>
<li>新闻三</li>
</ul>
<style type="text/css">
.warp li{
font-size : 14px;
}
.warp li.active{
font-size: 18px;
font-weight: bold;
}
</style>
怎样才能用css控制第一个li标签的样式,和其他li的样式不同
css控制第一个li标签的样式，和其他li的样式不同：给第一个<li>标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。html：<ul> <li class=“menu1”>新闻一<\/li> <li>新闻二<\/li> <li>新闻三<\/li> <\/ul>css代码：li{font-size：14px；} \/\/4...
怎样才能用css控制第一个li标签的样式,和其他li的样式不同
可以用伪类 ul > i:first-child{font-weight:18px;} 所以推荐用JQUERY 或者是 JAVASCRIPT JQUERY是 ('ul li:eq(0)').css('font-weight', '18px');JAVASCRIPT是 document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.fontWeight = '18px';
当前页面LI的CSS怎么实现不同的样式
加一个class，类名可以叫当前页面，然后规则你想要的效果，给所在页面的那个li一个class
网页导航栏模块设计CSS控制默认第一个LI背影
像上面那种，就是定义ACTIVE属性，使其A的背影带色，每个页植入对应的ACTIVE，比如，首页只植入在第一个LI，第二个页只植入第二个LI。。。另外定义LI属性，使其HOVER的背影跟ACTIVE的背影色一样，这样子移动鼠标时对应的LI就显示背影色，点击后的背影色也不变。
css怎么选择只以ul最为父元素的li
<\/ul> <\/li> <li>111<\/li> <li>111<\/li><\/ul><\/body><\/html>#menu li{} 这样写就是控制的所有的li menu li ul li{} 这样写的就是专门控制的<li>222<\/li>里面的 menu > li{ } 这样写是只控制<li>1111<\/li>里面的 ...
...如何控制li 默认第一个是点击样式,点击其它li 又变回普通样式
伪代码如下：('ul').on('click', 'li', function(e){ $('ul li').removeClass('active'); $(e.target).addClass('active');});设置好active的样式即可 代码是示例，按实际情况改写即可
1、如何用CSS设置ul,使其在div中li靠左对齐?ul有默认的左边距。2、和...
1、在ul样式中设置文本居左对齐。ul { padding:0;margin:0;text-align: left;list-style-type: none;} 2、标签大小不同，可以用自定义的背景图片代替标签样式。ul li { background-image:url(sqpurple.gif);background-repeat:no-repeat;background-position:0px 5px;padding-left:14px;} ...
可以用css定义ul列表中单个li的高度吗?
不用height属性 稍稍计算一下，对于单行的li，文字高度假设是12px，那么上下的边距就是4px，所以 li { font-size:12px; padding: 4px 10px 4px 10px; } 这样，当文字多余一行的时候就会自动加高而且保持边距 如果觉得多行文字显得拥挤的话，使用line-height来控制：li { font-size:12px; line-...
css样式修改li水平显示
你把li的样式里面增加个浮动的样式。float:left;至于每排4个，那就看你ul宽度多宽，以及每一个li的宽度（例如ul总的宽度是600px，li如果想要4个一排那么每一个里就是600\/4的宽度）
怎么在dreamweaver取消某一行li的css,不变动其他的li
如果你给li写的是同一样式如 ul li{} 那么你可以单独再给你想改的li上加一个class，或者直接用style设置
