css定义最后一行的样式

html-css064

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

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

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

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

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

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

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

这里分享下在css中为字符串中的每一行设置样式的方法。

操作设备:联想电脑

操作系统:win10

代码编辑器:zend studio 10.0

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一行字符,用于测试。

2、在test.html文件内,给p标签添加一个class属性,用于样式的设置。

3、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

4、在css标签内,通过class属性和“:first-letter”选择第一个字符,使用color属性设置它为红色。

5、最后在浏览器打开test.html文件,查看实现的效果。

这种情况可以一般是一个p标签是一个段落。因此将不同的内容分入多个标签p内。

<style type="text/css">

.text-l{text-align:left}

.text-c{text-align:center}

.text-r{text-align:right}

</style>

<p class="text-l"></p>

<p clsss="text-c"></p>

<p class="text-r"></p>

这样所有想内容左对齐的都使用text-l类。再有一个就是使用css样式内的p:last来定义。但是这个具有兼容性问题,使用上面比较保守一些