带有进度标记的php遵循另一个带有不同风格进度标记的php_Php_Jquery_Html_Css_Progress

带有进度标记的php遵循另一个带有不同风格进度标记的php

php jquery html css

带有进度标记的php遵循另一个带有不同风格进度标记的php,php,jquery,html,css,progress,Php,Jquery,Html,Css,Progress,我对标签有一个问题文件名：test.php：- <head> <style> progress[value] { width: 250px; height: 20px; -webkit-transform: rotate(270deg); } </style> </head> <progress max="100" value="80"></progress> 进展[价值]{ 宽度：250px

我对标签有一个问题

文件名：test.php：-

 <head>
 <style>

 progress[value] {
 width: 250px;
 height: 20px;
 -webkit-transform: rotate(270deg);
 }

 </style>
 </head>

 <progress max="100" value="80"></progress>


进展[价值]{
宽度：250px；
高度：20px；
-webkit变换：旋转（270度）；
}

我在另一个名为test1.php的php文件中复制了相同的代码，但更改了宽度和高度。。然后，当我在一个php文件中包含这两个文件来执行它时，两个进度条的输出是相同的。。宽度相同，高度也一样

有人知道为什么吗？

“有人知道为什么吗？”——可能是因为您保留了CSS选择器，因此第二次使用它会覆盖通过第一次设置的属性值？说真的，如果这让你感到困惑，那么你需要去读一些CSS的基础知识……你说的CSS选择器是什么意思？规则中选择格式应用到的元素的部分——说真的，如果你甚至不知道那么多，那么绝对是时候去学习一些CSS基础知识了。