css3 - Multiple pages CSS - Different styles in each page for same elements -


i want elements on 1 page styled , not affect same elements on page.

i have class="homepage" on each element.

is there better way it?

for simplicity, here div on page.

h1.homepage, p.homepage, li.homepage {    margin-left: 200px;  }  p.homepage, li.homepage {    font-size: 20px;  }   
<div>      <h1 class="homepage">angular 2 typescript beginners</h1>      <br>       <p class="homepage">this project teaches single page applications (spa) , how build them.</p>      <p class="homepage">this real-world application. single page application 2 pages.</p>      <ul class="homepage">          <li class="homepage">page 1 - list of customers restful api crud operations.</li>          <li class="homepage">page 2 - list of posts restful api pagination , search opeartions master/detail views</li>      </ul>      <br>            <p class="homepage">angular 2 next big thing. it's 1 of leading frameworks building modern, scalable, cross-platform apps.</p>      <p class="homepage">it’s leading framework building javascript heavy applications. used in building single page applications (spa). in standard web app, when click on link, entire page reloaded. in spa, instead of reloading entire page, replace view in content area view. keeps track of history if user navigates using , forward buttons, reinsert application in right state. fast , fluid experience. gmail example of spa.</p>            <br>        <p class="homepage">typescript superset of javascript, meaning valid javascript code valid typescript. typescript brings many useful features javascript missing in current version of javascript. classes, modules, interfaces, properties, constructors, access modifiers (e.g. public/private), intellisense , compile-time checking. so, can catch many programming errors @ compile-time.      </p>      <p class="homepage">angular 2 written in typescript. plus, of documentation in typescript. , reason, typescript dominant language in building angular 2 apps.      </p>  </div>

there better alternative.

surround page class , use descendant selectors:

.homepage h1, .homepage p, .homepage li  {    margin-left: 200px;  }    .homepage p, .homepage li  {    font-size: 20px;  }   
<div class="homepage">      <h1>angular 2 typescript beginners</h1>      <br>       <p>this project teaches single page applications (spa) , how build them.</p>      <p>this real-world application. single page application 2 pages.</p>      <ul >          <li>page 1 - list of customers restful api crud operations.</li>          <li>page 2 - list of posts restful api pagination , search opeartions master/detail views</li>      </ul>      <br>            <p>angular 2 next big thing. it's 1 of leading frameworks building modern, scalable, cross-platform apps.</p>      <p>it’s leading framework building javascript heavy applications. used in building single page applications (spa). in standard web app, when click on link, entire page reloaded. in spa, instead of reloading entire page, replace view in content area view. keeps track of history if user navigates using , forward buttons, reinsert application in right state. fast , fluid experience. gmail example of spa.</p>            <br>        <p>typescript superset of javascript, meaning valid javascript code valid typescript. typescript brings many useful features javascript missing in current version of javascript. classes, modules, interfaces, properties, constructors, access modifiers (e.g. public/private), intellisense , compile-time checking. so, can catch many programming errors @ compile-time.      </p>      <p>angular 2 written in typescript. plus, of documentation in typescript. , reason, typescript dominant language in building angular 2 apps.      </p>  </div>


Comments

Post a Comment

Popular posts from this blog

c# - Update a combobox from a presenter (MVP) -

i using mvp in project, new in mvp. have 2 comboboxes. when select option in combobox, combobox should filled new data. this action in presenter. view 'view1' in presenter, , introduced combobox1 , combobox2 properties in 'view1', because need 'datasource', 'displaymember', 'valuemember' , 'refresh()' in method below. but, when using pattern, enough send property like public string combobox2 { { return combobox1.selectedvalue.tosstring(); } } into presenter not whole combobox. how can solve problem? public void onselectedindexchangedcombobox1() { if (view1.combobox1.selectedindex == -1) { return; } datatable dt = tools.getdatatable("a path"); var query = (from o in dt.asenumerable() o.field<string>("afield") == farmerview.combobox1.selectedvalue.tostring() orderby o.field<string>("anotherfield") select...
Read more

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more