css定义最后一行的样式

html-css011

css定义最后一行的样式,第1张

你说的不使用jquery的话,那么javascript能用的不?

如果js都不能用的话,那么一般css是无法实现这个效果的。

但是css3是可以的,不过只有支持css3的浏览器才支持。

table tr:last-child{......}

你可以用这个选择来选择最后一行。

但是注意,只有支持css3的浏览器才可以哦!

如果用js控制,需要遍历HTML文档,提取最后的DIV,然后再加样式:

<script type="text/javascript">

$(document).ready(function(){

  $("div").last().addClass('highlight')    //添加class

  $("div").last().css("background", "red") //直接添加样式

})

</script>

如果是css控制,需要在div里面添加class样式,或者写行内样式控制:

<div style="color:red" class="color">内容</div>

<style>

.color{color:red}

</style>

这可能本来是个手误,就是前面忘记输入/*了,或者删掉前面的/*后又忘了删掉后面的*/。由于css文件中是不存在回车换行概念的,所以残留的这个*/就跟下一行连起来了,变成

*/.index_news1_cont ul {......}

这样就相当于间接屏蔽掉这一行了。

如果你发现删掉*/会乱,那就说明上面所说这行确实是应该删掉或屏蔽掉的。