Tema: Encontrar etiquetas html, class y id's (con expresiones regulares)
Ver Mensaje Individual
  #27 (permalink)  
Antiguo 19/01/2010, 14:42
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 10 meses
Puntos: 20
Respuesta: Encontrar etiquetas html, class y id's (con expresiones regulares)
Modificadas las expresiones regulares de los ID y CLASS, ahora creo que funcionan bien.

Código PHP: 
Ver original
  1. // ---->> TAGS ID
  2. echo "<br/><br/> <strong>TAGS ID</strong> <br/><br/>";
  3. foreach($estilo[0] as $value){
  4.     preg_match_all("/[\.#\s\w:-]*#$value\s*[#\s\w:-]*\{[^\}]*\}/is",$css,$matches);
  5.     foreach ($matches[0] as $propiedad){
  6.         echo $propiedad;
  7.     }
  8. }
  9.  
  10. // ---->> TAGS CLASS
  11. echo "<br/><br/> <strong>TAGS CLASS</strong> <br/><br/>";
  12. foreach($estilo[1] as $value){
  13.     preg_match_all("/[\.#\s\w:-]*\.$value\s*[#\s\w:-]*\{[^\}]*\}/is",$css,$matches);
  14.     foreach ($matches[0] as $propiedad){
  15.         echo $propiedad;
  16.     }
  17. }


Sin embargo, la que da problemas es la de los tags HTML


Código PHP: 
Ver original
  1. // ---->> TAGS HTML
  2. echo "<br/><br/> <strong>TAGS HTML</strong> <br/><br/>";
  3. foreach($tags_html as $value){ 
  4.     preg_match_all("/[.\#\s\w:-]*$value\s*[#\s\w:-]*\{[^\}]*\}/is",$css,$matches);
  5.     foreach ($matches[0] as $propiedad){
  6.         echo $propiedad;
  7.     }
  8. }

Me repite propiedades! es muy raro!

Ejemplo de la salida

Código CSS: 
Ver original
  1. body {
  2.     border-top-color: #EAF3FA;
  3.     border-top-style: solid; /* Color barra superior */
  4.     border-top-width: 30px;
  5.     color: #333333;
  6.     font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
  7.     font-size-adjust: none; /*border-top-color:#464646; */
  8.     font-size: 12px;
  9.     font-style: normal;
  10.     font-variant: normal;
  11.     font-weight: normal;
  12.     line-height: normal; }
  13.  
  14. #borde-top a {
  15.     color: #0090EF;
  16.     left: 15px;
  17.     position: absolute;
  18.     text-decoration: none;
  19.     top: 7px; }
  20.  
  21. .login #borde-top a:hover { color: #000; }
  22.  
  23. form p { margin-bottom: 24px; }
  24.  
  25. #login form input { color: #555555; }
  26.  
  27. #login form .submit input {
  28.     -khtml-border-radius: 3px;
  29.     -moz-border-radius: 3px;
  30.     -webkit-border-radius: 3px;
  31.     background-color: #CEE1EF;
  32.     border-color: #80B5D0;
  33.     border-radius: 3px;
  34.     border-style: solid;
  35.     border-width: 1px;
  36.     border: none;
  37.     color: #224466;
  38.     cursor: pointer;
  39.     float: right;
  40.     font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
  41.     font-size: 13px;
  42.     margin-top: -6px;
  43.     padding: 3px 5px;
  44.     text-decoration: none; }
  45.  
  46.     #login form .submit input:hover {
  47.         background-color: #9ACBEF;
  48.         border-color: #328AB2;
  49.         color: #FFF; }
  50.  
  51. #myform form .login input:hover {
  52.     background-color: #9ACBEF;
  53.     border-color: #328AB2;
  54.     color: #FFF; }
  55.  
  56. #borde-top a {
  57.     color: #0090EF;
  58.     left: 15px;
  59.     position: absolute;
  60.     text-decoration: none;
  61.     top: 7px; }
  62.  
  63. .login #borde-top a:hover { color: #000; }
  64.  
  65. #nav {
  66.     margin: 0 0 0 8px;
  67.     padding: 16px;
  68.     text-align: center; }
  69.  
  70. .login #nav a {
  71.     color: #777777;
  72.     color: #777777;
  73.     color: #777777; }
  74.  
  75. h1 {
  76.     background: url(../imagenes/header/logo-acceso-panel.png) no-repeat;
  77.     display: block;
  78.     height: 40px;
  79.     margin-left: 15px;
  80.     overflow: hidden;
  81.     padding-bottom: 15px;
  82.     text-indent: -9999px;
  83.     width: 320px; }
  84.  
  85. form {
  86.     -khtml-border-radius: 5px;
  87.     -moz-border-radius: 5px;
  88.     -webkit-border-radius: 5px;
  89.     border-radius: 5px;
  90.     font-weight: bold;
  91.     margin-left: 8px;
  92.     padding: 16px 16px 40px 16px; }
  93.  
  94.     form p { margin-bottom: 24px; }
  95.  
  96. #login form input { color: #555555; }
  97.  
  98. .login form { background-color: #eee; }
  99.  
  100. #login form input { color: #555555; }
  101.  
  102. #login form .submit input {
  103.     -khtml-border-radius: 3px;
  104.     -moz-border-radius: 3px;
  105.     -webkit-border-radius: 3px;
  106.     background-color: #CEE1EF;
  107.     border-color: #80B5D0;
  108.     border-radius: 3px;
  109.     border-style: solid;
  110.     border-width: 1px;
  111.     border: none;
  112.     color: #224466;
  113.     cursor: pointer;
  114.     float: right;
  115.     font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
  116.     font-size: 13px;
  117.     margin-top: -6px;
  118.     padding: 3px 5px;
  119.     text-decoration: none; }
  120.  
  121.     #login form .submit input:hover {
  122.         background-color: #9ACBEF;
  123.         border-color: #328AB2;
  124.         color: #FFF; }
  125.  
  126. #myform form .login input:hover {
  127.     background-color: #9ACBEF;
  128.     border-color: #328AB2;
  129.     color: #FFF; }

Esta la repite 3 veces!
#login form input { color: #555555; }

Y muchas 2 veces como estas de aquí, es muy raro!!

#borde-top a {
color: #0090EF;
left: 15px;
position: absolute;
text-decoration: none;
top: 7px; }

.login #borde-top a:hover { color: #000; }