HTML con CSS externo
Publicado por BathanF (8 intervenciones) el 13/04/2023 23:30:48
En la página HTML de mi aplicación React, uso algunas piezas de CSS externo. Después de renderizar los componentes, el CSS externo impacta y distorsiona la interfaz de usuario de mis componentes React. Sin embargo, necesito el CSS externo para mostrar el encabezado (un área específica de la página HTML) sin afectar los otros elementos de la página.
Ejemplo:
página.html
página.css
¿Es factible limitar este comportamiento a unos pocos elementos seleccionados en la página?
Para el desarrollo rápido de aplicaciones, uso scripts de reacción. Como sigo esta fuente, puedo tomar el control del proceso de compilación e implementación en función del enfoque presentado.
Me gustaría ver la página del archivo CSS externo. CSS para evitar que se representen las etiquetas h1 y p en la parte div id="inner", así como los elementos que se representarían en la sección div id="root".
Ejemplo:
página.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<meta charset="utf-8" />
<title>Test HTML</title>
<link rel="stylesheet" href="page.css"/>
</head>
<body>
<div id="outer">
<h1>This is an outer H1/h1>
<p>This is an outer P</p>
</div>
<div id="inner">
<h1>This is an inner H1</h1>
<p>This is an outer P</p>
</div>
<div id="root"></div> <!-- This is where my React components would be
rendered --></body>
página.css
1
2
3
4
@charset-"utf-8";
h1 {color:red}
p {color:green}
body {font-weight:bold;}
¿Es factible limitar este comportamiento a unos pocos elementos seleccionados en la página?
Para el desarrollo rápido de aplicaciones, uso scripts de reacción. Como sigo esta fuente, puedo tomar el control del proceso de compilación e implementación en función del enfoque presentado.
Me gustaría ver la página del archivo CSS externo. CSS para evitar que se representen las etiquetas h1 y p en la parte div id="inner", así como los elementos que se representarían en la sección div id="root".
Valora esta pregunta
0