css第一个元素

操作方法

  • 01

    在做网页的JS特效时,CSS的隐藏和显示是被经常使用的,通常是让一组标签全部隐藏,让组元素的第一个标签作为默认并显示,那就要用到css中的伪类选择器。 CSS的伪类选择器有很多种,在这里只讲解CSS中如何定义一组标签中的第一个元素。 定义标签的第一个元素使用“first-child”关键字 语法:选择器:first-child{} HTML代码:<ul><li>第一项</li><li>第二项</li><li>第三项</li></ul> CSS代码:ul li:first-child{    color:red;} 以上的代码中,第一个li标签的文字内容“第一项”会变成红色,实现这个功能,这个功劳全归first-child所有,是不是很简单!

(0)

相关推荐

  • css怎样设置元素过渡效果呢

    css3的过渡效果用得好的话可以用来制作动画特效,下面咪咪我就来给大家分享一下css3怎样设置元素的过渡效果 . 操作方法 01 首先,先设置一个div,待会我们使用css3给这个div设置过渡效果. ...

  • css样式如何设置div元素水平垂直居中的三种方法

    CSS实现绝对定位元素的居中效果,有时候需要把一个元素进行居中,在这里讲解三种方法,各种方法有它的优缺点. 操作方法 01 1.建立txt文档,更改后缀名为html,如图: 02 2.右击html文件 ...

  • 怎样利用css样式为html元素设置圆角框

    传统的html页面中,大多数都是棱角分明的长方形框框,有时候遇到设计按钮时,就需要我们为元素添加一个圆角边框,那么我们应该怎样通过使用css样式为元素设置圆角边框呢 操作方法 01 首先我们需要打开自 ...

  • css选择器怎么使用,css有哪些选择器

    css选择器无疑是css代码中最重要的一环,要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器.HTML页面中的元素就是通过CSS选择器进行控制的. 所以合 ...

  • 网站建设CSS基础知识

    操作方法 01 自W3C(The World Wide Web Consortium)制定了代号为Cougar的HTML的4.0版本以来,存在在Web页面中的动态效果首次被正式的承认了,W3C把动态超 ...

  • 新手学div+css的基础步骤

    本文主要介绍本人学习div+css网页布局的一种思路 软件工具 01 网页三剑客 步骤/方法 01 从局部出发:从一个小的部分的样式写起,目的是让你熟悉css样式的元素有哪些,那些元素都有一些什么作用 ...

  • 如何使用CSS的伪类

    CSS的伪类用于向某些选择器添加特殊的效果,最常用的便是向超链接中添加样式,如颜色,字体大小,粗细等.使用标签选择器同样可以设置超链接的样式,但是加入了伪类可以让超链接在操作过程中展示不同的效果. 操 ...

  • HTML 为div元素如何设置背景颜色

    给div元素设置背景色可以通过以下几种方式实现: 1)在div元素的style属性上设置background-color,此种只能一个一个的div设置,不能批量 2)使用css设置div元素的back ...

  • 如何结合python中的List和range生成列表元素

    python语言中的List列表是一种基本数据类型,range是可以生成一系列的连接数据,将两者联合起来,利用range为List生成元素.下面利用实例说明两者结合起来作用,操作如下: 操作方法 01 ...