欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css 标签选择器、id选择器、类选择器实例

程序员文章站 2022-03-28 14:04:26
...
1:标签选择器

标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式

实例:选择所有

元素 :





Welcome to My Homepage

My name is Donald.

I live in Duckburg.

My best friend is Mickey.

在线运行

2:id选择器

注意id选择器是唯一的,因为只有id="yy"的才有这种样式,而一个页面里元素的Id必须是唯一的,所以。。。你懂得id选择器以#开头用法是:id=""

实例:为 id="firstname" 元素添加指定样式:





Welcome to My Homepage

My name is Donald.

I live in Duckburg.

My best friend is Mickey.

在线运行

3:类选择器.

类选择器以.开头,只要把元素的class="" 就能表现为这种样式了用法是:class=""

实例:





Welcome to My Homepage

My name is Donald.

I live in Duckburg.

My best friend is Mickey.

在线运行

相关标签: css 选择器