How to write css for that?
I am making css like
<head><style type="text/css">span.blue{color:blue;}</style>;
and use it html like
<html>I am <span class=blue>red</span></html>;
Now I want to avoid that span and class word in html code, is it possible like
<html>I am <blue>red</blue></html>;
Sure, you can do this if you like: 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>
But, it's a horrible idea.
Just stick with <span class="blue">.
What you are looking for is custom html tags. In order to use custom html tags try this link hope it helps
You can avoid using class and the span tag - but cannot make up your own.
- class - use relative selectors
- span - use strong/em instead - they are there for this sort of thing
Try
<!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>
Firstly your HTML is not valid and does not declare a doc type. You content has to be between <body> for a start.
Secondly, you might be able to get away with having a blue:{ color:blue} in your style and defining your blue tag but it would make your css and your html completely invalid and 0% chance of it being cross browser compatiable.
加载中,请稍侯......
精彩评论