“, „

“ ir „

“ žymos naudojamos toliau pateiktame kode:

---

---

< div >
< h1 > Sveiki Linuxhint vartotojai < / h1 >
< h2 > Linuxhint yra rojaus vieta < / h2 >
< p > užklausos, susijusios su programavimo kalbomis. < / p >
< / div >
< mygtuką > Stiliaus valiklis, skirtas Div < / mygtuką >

Įvykdžius aukščiau pateiktą kodą, tinklalapis atrodo taip:

Išvestis rodo div ir mygtuko HTML struktūrą.

2 veiksmas: pridėkite tiesioginį stilių
„div“ atidarymo žymoje naudojama „ stilius “ atributas ir pritaikyti kai kurias CSS ypatybes, kad elementai būtų ryškūs ir patrauklūs:

< div stilius = “
spalva: tamsiai rausvai raudona;
fono spalva: vidutinis akvamarinas;
paraštė: 20 pikselių;
užpildymas: 30 pikselių;' >
< h1 >Sveiki Linuxhint vartotojai< / h1 >
< h2 >Linuxhint yra dangaus vieta< / h2 >
< p >užklausos, susijusios su programavimo kalbomis.< / p >
< / div >
< br >
< mygtuką > Stilius Pašalinti dėl Div< / mygtuką >

Aukščiau pateikto kodo išvestis yra tokia:

Išvestis patvirtina, kad eilutiniai stiliai taikomi tik div elementui.

3 veiksmas: naudokite „jQuery“, kad pašalintumėte tiesioginį CSS
Norėdami pašalinti stiliaus atributus, pirminė funkcija iškviečia, kai „ dokumentas 'yra' pasiruošę “. Toliau pateiktame kode vidinė funkcija iškviečiama, kai vartotojas spustelėja „ mygtuką “. Po to ši funkcija parenka visus puslapyje esančius div elementus ir naudoja „ pašalinti.Attr() “ metodas:

< scenarijus >
$ ( dokumentas ) .pasiruošęs ( funkcija ( ) {
$ ( 'mygtukas' ) .spustelėkite ( funkcija ( ) {
$ ( 'div' ) .removeAttr ( 'stilius' ) ;
} ) ;
} ) ;
< / scenarijus >

Pridėjus jQuery kodą, tinklalapis veikia taip:

Aukščiau pateiktas „gif“ iliustruoja, kad „div“ pritaikyti stiliai pašalinami spustelėjus mygtuką.

2 būdas: pašalinkite klasės CSS iš Div

Antrasis HTML elemento stiliaus formavimo būdas yra priskirti jiems „ klasė “. Tada pridėkite CSS toje klasės dalyje „ “ žymoje arba atskiroje “ CSS failą “. Šiuos stilius taip pat galima pašalinti naudojant „jQuery“. Atlikite toliau nurodytus veiksmus.

1 veiksmas: priskirkite klasę Div Element
HTML faile priskirkite klasės atributą „

“ elementas. Taip pat priskirkite „šalinimo“ ID prie „ “ žyma:

< div klasė = 'stilius' >
< h1 >Sveiki Linuxhint vartotojai< / h1 >
< h2 >Linuxhint yra dangaus vieta< / h2 >
< p >užklausos, susijusios su programavimo kalbomis.< / p >
< / div >
< mygtuką id = 'pašalinti' > Stilius Pašalinti < / mygtuką >

Tada eikite į „ “ žymą ir pasirinkite div klasės pavadinimą “ stilius “ ir įveskite CSS ypatybes, kurios taikomos div elementui:

< stilius >
.stilius {
spalva : aukso lazda;
fonas- spalva : jūros žalia;
paraštė: 20 pikselių;
pamušalas: 30px;
}
< / stilius >

Įvykdžius aukščiau pateiktą kodą, tinklalapis atrodo taip:

Išvestis rodo, kad stiliai taikomi div elementui.

2 veiksmas: pridėkite jQuery, kad pašalintumėte CSS stilių
Viduje '

Kita