http://www.w3school.com.cn/css/css_selector_type.asp

元素选择器

最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。

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

设置html黑色，h1蓝色，h2银色

html {color:black;}

h1 {color:blue;}

h2 {color:silver;}

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>CSS Test Website</title>

    <style type="text/css">

        html {

            color: black;

        }

        h1 {

            color: blue;

        }

        h2 {

            color: silver;

        }

    </style>

</head>

<body>

    <h1>This heading 1</h1>

    <h2>This heading 2</h2>

    <p>This is a normal paragraph.</p>

</body>

</html>

测试

尝试将html设置为red之后：html仅仅针对文本，无法对title起作用

取消h1的蓝色，设置paragraph为蓝色

html {color:black;}

p {color:blue;}

h2 {color:silver;}

xml文档设置样式

默认的显示

<?xml version="1.0" encoding="utf-8" ?>

<note>

  <to>George</to>

  <from>John</from>

  <heading>Reminder</heading>

  <body>Don't forget the meeting!</body>

</note>

显示效果

设置css样式，并且在xml中引用样式文件

在xml中引用样式文件的时候，先输入<,然后输入? ,webstorm会自动进行补全

引用方式是

<?xml-stylesheet type="text/css" href="note.css"?>

另外，关于xml中标签自定义的说明，可以查看http://www.w3school.com.cn/xml/xml_intro.asp

通过 XML 您可以发明自己的标签

最后，相关文件已经上传到github

https://github.com/ChuckTest/CSSTest

CSS元素选择器 element selector(type selector)的更多相关文章

css 元素选择器
子元素选择器 h1 > strong {color:red;} //这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响: <h ...
css元素选择器
css的元素选择器就是html的标签名:
css 元素选择器实例
一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式.本文章向码农介绍css 标签/元素选择器以及其实例,需要的码农可以参考一下. [标签选择器] 一个完整 ...
css元素选择器 first-child nth-child
E:first-child 只要E元素是它的父级的第一个子元素,就选中.它需要同时满足两个条件, (1)是"第一个子元素", (2)是"这个子元素刚好是E ...
HTML&CSS基础-子元素和后代元素选择器
HTML&CSS基础-子元素和后代元素选择器作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html ...
CSS中的伪元素选择器
定义伪元素选择器:就是有连续两个冒号的选择器,如::first-line::first- letter.::before 和::after E::first-letter文本的第一个单词或字(如中文 ...
jquery 元素选择器
id选择器 JQuery 能使用CSS选择器来操作网页中的标签元素.如果想要通过一个id号去查找另一个元素就可以使用下面格式的选择 $('#my_id') 其中my_id表示根据id选择器获取页面中的 ...
JS实战 · 仿css样式选择器
代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/ ...
CSS概述<选择器总结>
概述:CSS是指层叠样式表,他是定义如何显示HTML元素,样式表通常存储在样式表中,通常存储在.css文件中,下面对css的选择器进行总结,便大家夯实基础! 1 语法规范: 每个样式规则有两个部分:选 ...

随机推荐

Linux bash常用快捷键
移动光标 ctrl-a 光标移动到行首 ctrl-e 光标移动到行尾 ctrl+xx 在行首和光标位置直接切换 ctrl-b 光标左移一位 ctrl-f 光标右移一位 alt-b 光标左移一词 alt ...
解决Vue引入百度地图JSSDK：BMap is undefined 问题
百度地图官网文档介绍使用JSSDK时,仅提供了2种引入方式: script引入异步加载解决跨域问题,实例调用百度地图但vue项目中仅某一两个页面需要用到百度地图,所以不想在 index.html ...
微信小程序踩坑记
1:微信小程序之去掉横向滑动滚动条 /** 去除横向滚动条 */ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } 2: ...
Edward Frenkel关于几何化朗兰兹纲领的采访
本文来自:菲尔兹奖座谈会博客 Edward Frenkel教授的主要研究方向是数学与量子物理中的对称.他现在在做的许多问题都与朗兰兹纲领有关.他现在是加州大学伯克利分校的数学教授. 在今年的菲尔兹奖 ...
笔记本win2008 r2的hyper-v安装centos
一.i5以上cpu支持虚拟化,不过默认是关闭的,先到bios设置里把虚拟功能打开: 二.“服务器管理器”->“角色”里安装hyper-v并重启: 三.设置无线网络桥接,有线就不需要了,具体如下: ...
MySQL锁定状态查看命令
1 show processlist; SHOW PROCESSLIST显示哪些线程正在运行.您也可以使用mysqladmin processlist语句得到此信息.如果您有SUPER权限,您可以看到 ...
洛谷 P2747 [USACO5.4]周游加拿大Canada Tour
P2747 [USACO5.4]周游加拿大Canada Tour 题目描述你赢得了一场航空公司举办的比赛,奖品是一张加拿大环游机票.旅行在这家航空公司开放的最西边的城市开始,然后一直自西向东旅行,直 ...
hadoop-16-sqoop导入oracle数据
sqoop = sql + hadoop 1,系统方面的准备 scp ./ojdbc6.jar root@server-1:/usr/hdp/2.6.0.3-8/sqoop/lib/scp ./ojd ...
Yocto tips (15): Yocto中的包管理器
使用包管理器在local.conf中使能就可以: 然后编译后就会有rpm包了: 配置文件server 能够使用ngix和apache.可是我们也能够仅仅用使用python: python -m Si ...
[LeetCode]Median of Two Sorted Arrays 二分查找两个有序数组的第k数（中位数）
二分.情况讨论因为数组有序,所以能够考虑用二分.通过二分剔除掉肯定不是第k位数的区间.如果数组A和B当前处理的下标各自是mid1和mid2.则 1.假设A[mid1]<B[mid2], ①.若 ...

CSS元素选择器 element selector(type selector)