引子:可扩展标记语言xml(Extensible Markup Language)自己平常也用到的不多,除了在ajax处理服务器返回的数据可能会用到外(不过一般用json处理数据的比较常见)还真没怎么了解过。其实我们常用的超文本标记语言HTML和XML可是有着挺大的联系,都是从标记语言发家,未来趋势HTML很有可能会被XML取代,XML优势就体现在可扩展,HTML它就固定是w3c定义的那些个标签,但是XML的标签很灵活随你起什么名字能够更精准的表现自己页面的信息。但XML也有它和HTML相比不灵活的地方,比如怎么应用样式。

正文:HTML应用样式有三种(内联,内嵌,外部引用),XML应用样式目前完全支持的应该只有外部引用(见w3c官方说明:https://www.w3.org/TR/CSS2/intro#q2 )

  • 外部样式表:HTML有link元素链接外部样式表,有关link标签的详细说明及注意事项可参见我另篇博文(http://www.cnblogs.com/venoral/p/5202221.html),但是XML中link元素不会被当成引用外部样式的指令,XML提供了“xml-stylesheet”处理指令的方法来附加外部样式表。具体用法如下:
  • <?xml-stylesheet href="x.css" type="text/css" media="all" title="描述"?>
  1. 该处理指令必须放在文档第一个标签前面;

  2. type="text/css"可以省略,但最好还是不要省略这样能帮助浏览器识别该文件类型而决定在不支持的情况下是否下载它;
  3. media="all"可省略,用来设置样式表支持的媒介,属性值可以取all,screen,print等;
  4. title="描述"可省略,可以用来设置标题,不过xml不会出现多个首选样式表存在的情况下只会应用一个的情况它是全部应用的且层叠,不同于HTML的首选样式表。
  5.  <?xml version="1.0" encoding="UTF-8"?>
    <?xml-stylesheet href="a.css" type="text/css"?>
    <?xml-stylesheet href="b.css" type="text/css"?>
    <test>
    测试
    </test>
  • 内嵌样式表:HTML有style标签,w3c只给出用“xml-stylesheet”的方式外部引用样式表。在http://www.shanghai.ws/w3c/Style/styling-XML.html#Embedded 看到用的是类似于锚点的用法实现的内嵌样式,不过经我测试浏览器对此支持不佳。以下测试chrome测试版本:46.0.2490.80 firefox测试版本:44.0.2 IE测试版本:11.0

     <?xml-stylesheet href="#s1" type="text/css"?>
    <doc>
    <s id="s1">
    s { display: none }
    p { display: block ;
    color: red ;
    }
    </s>
    <p>Some text... </p>
    <p class="note">A note... </p>
    </doc>

    chrome对此完全不识别:

firefox只识别了p元素,也就是除了带引用id s的之外的元素,而且会把s元素内容原样展示:

  

   IE对此完全不识别:

   

  • xml对元素选择器的支持这是毋庸置疑的,测试一下xml对id选择器,类选择器的支持:

  id选择器:chrome,firefox正常,IE不支持

  类选择器:chrome,IE不支持,firefox奇葩,居然支持。

  属性选择器:想浏览器都支持怎么办,可以使用属性选择器“[ ]”获取元素,这样三大浏览器就全部支持了,属性选择器里xml支持~,*,^,$匹配:

 <?xml-stylesheet href="a.css" type="text/css"?>
<doc>
<p class="test">Some text... </p>
<p>A note... </p>
</doc>
p[class="test"]{
color: red;
}

  后代选择器:支持   , >,+,后代元素,直接子元素,直接兄弟元素。

  伪类选择器:chrome,firefox支持 :hover,:first-child(省略伪类前面的限定元素,则表示在根元素下找第一个子元素,html一般是head元素),:lang()。IE支持:first-child,:lang()。

  伪元素选择器:chrome,firedfox支持:before,:after。IE支持的前提是应用该伪元素的元素不能是id和类选择器,如#test:after就不行。

参考:http://www.shanghai.ws/w3c/Style/styling-XML.html

   http://www.ibm.com/developerworks/cn/xml/x-newxml/

粗略测试,如有误解,还望各位指正!感谢!

如何给xml应用样式的更多相关文章

  1. Eclipse syntax coloring java xml 语法 样式

    自定义java源文件的编码样式,包括关键词等等的样式和颜色等,可以一边调下面就能看到样式效果,这是我自己一个个设置好的如图 自定义xml文件编辑器的样式格式,其实我装了sublime 但是 eclip ...

  2. 【HTML/XML 8】XSL,可扩展样式表语言

    导读:上篇博客说了在XML文档中实现表现形式的一种形式:CSS层叠样式表,本篇博客将接着说明其另一种实现方式XSL,并将分析XSL和CSS之间的 关系. 一.XSL简介 XSL(eXtensible ...

  3. iOS - 分析JSON、XML的区别和解析方式的底层是如何实现的(延伸实现原理)

    <分析JSON.XML的区别,JSON.XML解析方式的底层是如何实现的(延伸实现原理)> (一)JSON与XML的区别: (1)可读性方面:基本相同,XML的可读性比较好: (2)可扩展 ...

  4. XML 基础

    linux下xml编辑器 vim gedit editix wonderful;免费30天;可以进行有效性检查 xerces oxygen 收费 xmlcopyedit serna free 是ser ...

  5. salesforce 零基础学习(三十二)通过Streams和DOM方式读写XML

    有的时候我们需要对XML进行读写操作,常用的XML操作主要有Streams和DOM方式. 一.Streams方式 Streams常用到的类主要有两个XmlStreamReader 以及XmlStrea ...

  6. JAVA基础学习之XMLCDATA区、XML处理指令、XML约束概述、JavaBean、XML解析(8)

    1.CDATA区在编写XML文件时,有些内容可能不想让解析引擎解析执行,而是当作原始内容处理.遇到此种情况,可以把这些内容放在CDATA区里,对于CDATA区域内的内容,XML解析程序不会处理,而是直 ...

  7. 第十四章:样式(Style)和主题(Theme)

    简介 Android的样式(Style)和主题(Theme)文件就好比WEB开发中的CSS一样,可以实现UI界面的风格统一管理,这和Windows平台的XAML格式(Silverlight.WPF)类 ...

  8. 仿iOS Segmented Control样式"

    同步发表于http://avenwu.net/2015/02/05/styled_radiogroup_segmented_control Fork on github https://github. ...

  9. android 修改系统的dialog样式

    android 修改系统的dialog样式 一.觉得自定义配置文件麻烦?那就来修改系统自定义XML文件来实现修改系统dialog的样式吧. 如果是在XML中样式:首先来说下样式.  在 Style.x ...

随机推荐

  1. RotateAnimation详解

    其他构造器的旋转也可参考这副图. RotateAnimation旋转坐标系为以旋转点为坐标系(0,0)点.x轴为0度,顺时针方向旋转一定的角度.        1.RotateAnimation(fr ...

  2. innobackupex 备份实验

    [root@localhost ~]# xtrabackup -v xtrabackup version based Linux (x86_64) (revision id: 45cda89) [ro ...

  3. 终端I/O之终端标识

    历史沿袭至今,在大多数UNIX系统中,控制终端的名字是/dev/tty. POSIX.1提供了一个运行时函数,可被用来确定控制终端的名字. #include <stdio.h> char ...

  4. 入门之--linux配置php

    [下载php源码]:从php的官方网站下载php的安装源码包. [解压安装包]:下载的安装包是经过压缩的gz格式,在linux可以使用自带的工具tar进行解压,在安装包所在目录执行命令:tar -zx ...

  5. Diagram of Spring 3.0 module dependencies--转载

    原文地址:http://www.ogrigas.eu/spring/2009/12/diagram-of-spring-3-0-module-dependencies As Spring 3.0.0. ...

  6. iOS---》点击uitableview 的section展开或隐藏

    #import <UIKit/UIKit.h> @interface TestCell : UITableViewCell @property (weak, nonatomic) IBOu ...

  7. Java SE ---控制流程:break与continue语句

    在java中,可以使用break和continue语句控制循环.     1. break语句:用于终止循环,就是跳出当前循环,执行循环后面的代码. .     2. continue语句:用于跳出当 ...

  8. SOA与C#

    What is SOA? SOA or Service oriented architecture is an architecture style for building business app ...

  9. SQL查询中的in与join效率比较

    大多数情况下,程序员比较喜欢使用in来查询符合某些条件的数据,最近在查询某个角色有哪些用户的方法中,使用了in语句: ) FROM baseuser AND BaseUser.Id IN (SELEC ...

  10. Java学习笔记——单例设计模式Singleton

    单例设计模式:singleton 解决的问题: 确保程序在运行过程中,某个类的实例instance只有一份. 特点: 1 构造函数私有化 2 自己内部声明自己 3 提供一个public方法,负责实例化 ...