首页 > 开发 > CSS > 正文

CSS 元素选择器

2020-03-24 17:19:47
字体:
来源:转载
供稿:网友

如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身:

html {color:black;}h1 {color:blue;}h2 {color:silver;}

亲自试一试

可以将某个样式从一个元素切换到另一个元素。

假设您决定将上面的段落文本(而不是 h1 元素)设置为灰色。只需要把 h1 选择器改为 p:

html {color:black;}p {color:gray;}h2 {color:silver;}

亲自试一试


“类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类型的每一个实例。”

下面的规则匹配文档树中所有 h1 元素:

h1 {font-family: sans-serif;}

因此,我们也可以为 XML 文档中的元素设置样式:

XML 文档:
 ?xml version= 1.0 encoding= ISO-8859-1 ?  ?xml-stylesheet type= text/css href= note.css ?  note  to George /to  from John /from  heading Reminder /heading  body Don't forget the meeting! /body  /note 
CSS 文档:
 font-family:Verdana, Arial; margin-left:30px; font-size:28px; display: block; font-size:28px; display: block;heading color: red; font-size:60px; display: block; color: blue; font-size:35px; display: block;

查看效果

通过上面的例子,您可以看到,CSS 元素选择器(类型选择器)可以设置 XML 文档中元素的样式。

如果您需要更多关于为 XML 文档添加样式的知识,请访问 w3school 的 XML 教程。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

上一篇:CSS 派生选择器

下一篇:CSS 定位

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表