Html 声明内联时css不起作用
这是我的html和cssHtml 声明内联时css不起作用,html,css,Html,Css,这是我的html和css <html> <style type='text/css'> .rtop *, .rbottom *{ display:block; height:1px; overflow:hidden; } </style> <link rel='StyleSheet' href='roundedCorner.css' type='text/c
<html>
<style type='text/css'>
.rtop *, .rbottom *{
display:block;
height:1px;
overflow:hidden;
}
</style>
<link rel='StyleSheet' href='roundedCorner.css' type='text/css'>
<body>
<div id='abhishek1'>
<div style='width:200px;height:5px;'>
<b class='rtop' >
<b class='r1_top' style='background-color:#6e99d4 '> </b> </br>
<b class='r2_top' style='background-color:#6e99d4'> </b> </br>
<b class='r3_top' style='background-color:#6e99d4'> </b> </br>
<b class='r4_top' style='background-color:#6e99d4'> </b> </br>
</b></br>
</div>
</div>
</body>
</html>
.rtop*，.RBOTOM*{
显示：块；
高度：1px；
溢出：隐藏；
}
如果我从
.rtopdisplay:block请注意，在head中，它不适用于rtop和RBOTOM，但适用于它们的子元素，因此您必须将其放入每个r1 u2; r2 2;等元素。该样式应用于
.rtop*.rtop<html>
<style type='text/css'>
.rtop *{
height:1px;
overflow:hidden;
}
.rbottom * {
display:block;
height:1px;
overflow:hidden;
}
</style>
<link rel='StyleSheet' href='roundedCorner.css' type='text/css'>
<body>
<div id='abhishek1'>
<div style='width:200px;height:5px;'>
<b class='rtop' >
<b class='r1_top' style='display: block; background-color:#6e99d4'> </b> <br style='display: block;'>
<b class='r2_top' style='display: block; background-color:#6e99d4'> </b> <br style='display: block;'>
<b class='r3_top' style='display: block; background-color:#6e99d4'> </b> <br style='display: block;'>
<b class='r4_top' style='display: block; background-color:#6e99d4'> </b> <br style='display: block;'>
</b></br>
</div>
</div>
</body>
</html>
.rtop*{
高度：1px；
溢出：隐藏；
}
卡博通先生*{
显示：块；
高度：1px；
溢出：隐藏；
}