Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > How to modify the CSS reference of the html frontend?_html/css_WEB-ITnose

How to modify the CSS reference of the html frontend?_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:58:24
Original
882 people have browsed it

The head part of the original html frontend references a style.css style 

<LINK href="Css/style.css" type="text/css" rel="stylesheet">
Copy after login




Now I want to use the style7.css style to overwrite the style. css style

First, add the style7.css style to the Head section of the html frontend. You can use the following method to achieve it 

HtmlLink link = new HtmlLink();link.Attributes.Add("type", "text/css");link.Attributes.Add("rel", "stylesheet");link.Attributes.Add("href", "style7.css");this.Header.Controls.Add(link);
Copy after login



But now html The head part of the front desk references two styles 



<LINK href="Css/style.css" type="text/css" rel="stylesheet">
Copy after login




The question now is: how to reference the style.css Remove it from the head of the html frontend?




Reply to discussion (solution)

            <LINK href="Css/style.css" type="text/css" rel="stylesheet">
Copy after login

The middle one 0 is i. 

var link = document.getElementsByTagName('link');for(var i = 0; i<link.length; i++){    if(link[i].href.indexOf('style.css') > -1){        link[i].parentNode.removeChild(link[i]);    }}
Copy after login

Your business logic
Add a
and go to a


Then the synthesis is to modify a
and borrow the code above
var link = document.getElementsByTagName('link');
for(var i = 0; i if(link[i].href.indexOf('style.css ') > -1){
        link[i].href = 'style7.css';

Related labels：
css html Revise Quote
source：php.cn
Previous article：Experience: Top 10 Career Survival Tips for Programmers_html/css_WEB-ITnose Next article：10 top CSS UI open source frameworks_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1361
How to make floated elements stack vertically instead of horizontally in CSS? I'm trying to make a webpage with two columns, with main content on one side and additiona...
From 2024-04-06 20:45:26
0
2
386
How to use laravel components with livewire lazy placeholder I want to add the skeleton of my laravel component inside a livewire3 placeholder What I h...
From 2024-04-06 20:02:10
0
2
543
Scatterplot points do not maintain values ​​when zooming in d3.js This is my first time using d3.js, so please bear with me. I implemented it as pure JavaSc...
From 2024-04-06 18:16:26
0
1
403
Invalid React child element (found: Object with key {clientVersion}). If you want to render a collection of child elements, use an array instead I have a multi-step form and when I try to submit it shows this error. However, if I use c...
From 2024-04-06 16:25:39
0
1
346
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template