2011-10-12 74 views
-4

我正在像如何为其编写css?

<head><style type="text/css">span.blue{color:blue;}</style>; 

CSS和使用HTML像

<html>I am <span class=blue>red</span></html>; 

现在我想避免的HTML代码,跨度和类的话,有没有可能像

<html>I am <blue>red</blue></html>; 
+1

不为什么你正在使用如此多的引用以及你为什么要逃避其中的一部分。这不是HTML(除了你缺少'body'标签)。但不,这是不可能的。 HTML有一组定义良好的元素。你不能定义你自己的。 –

+0

我知道这是可能的,但不要怎么做? – Harikrishna

+1

首先明确您的问题。你想达到什么?我认为你想要的是不可能的。 –

回答

2

当然,你可以,如果你喜欢这样做:http://jsbin.com/uhiyoj

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 

<style> 
blue { 
    color: blue 
} 
</style> 

</head> 
<body> 

    <blue>Hello World</blue> 

</body> 
</html> 

但是,这是一个可怕的想法。

只要坚持<span class="blue">

+1

我同意。这是一个坏主意 –

+0

但它不起作用。 – Harikrishna

+0

它适用于除IE8及更低版本以外的所有浏览器。如果您需要在这些浏览器中使用此功能,则需要使用[html5shiv](http://code.google.com/p/html5shiv/),然后将每个自定义元素添加到内部元素列表中:'abbr | | article | aside | audio | canvas | datalist | details | figcaption | figure | footer | header | hgroup | mark | meter | nav | output | progress | section | subline | summary | time | video' < - add | | blue' 。 – thirtydot

0

你在找什么是自定义的html标签。为了使用自定义HTML标记尝试这个link 希望它有助于

0

首先,您的HTML无效并且未声明文档类型。您的内容必须介于<body>之间。其次,你也许能够在你的风格中使用蓝色:{color:blue}并且定义你的蓝色标签 ,但它会让你的CSS和你的html完全无效并且有0%的机会正在跨浏览器兼容。

0

您可以避免使用class和span标签 - 但不能自己组装。

  • 类 - 使用相对选择
  • 跨度 - 使用强/ EM而不是 - 他们在那里为这样的事情

尝试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Test</title> 
<style type="text/css"> 
body div strong {color:blue;} 
</style> 
</head> 
<body><div> 
I am <strong>red</strong>ok. 
</div> 

</body> 
</html>