Link to a target medium


The :first-child pseudo-class



Download 1,69 Mb.
Pdf ko'rish
bet92/106
Sana31.12.2021
Hajmi1,69 Mb.
#202951
1   ...   88   89   90   91   92   93   94   95   ...   106
Bog'liq
css tutorial

 
body, td { 
   color: blue; 

-->
 
 
a:link {color: 
#000000}
 
a:visited {color: 
#006600}
 
a:hover {color: 
#FFCC00}
 
a:active {color: 
#FF00CC}
 
 
a:link {color:#000000} 
 
a:visited {color: 
#006600}
 
 
a:hover {color: 
#FFCC00}
 
 
a:active {color: 
#FF00CC}
 
 
table.one {border-collapse:collapse;} 
table.two {border-collapse:separate;} 
td.a { 
      border-style:dotted;  
      border-width:3px;  
      border-color:#000000;  
      padding: 10px; 

td.b {border-style:solid;  
      border-width:3px;  
      border-color:#333333;  
      padding:10px; 

 
/* If you provide one value */
 
table.example {border-spacing:10px;} 
/* This is how you can provide two values */
 
 
table.one { 
   border-collapse:separate; 
   width:400px; 
   border-spacing:10px; 

table.two { 
   border-collapse:separate; 
   width:400px; 
   border-spacing:10px 50px; 

 
caption.top {caption-side:top} 
caption.bottom {caption-side:bottom} 
caption.left {caption-side:left} 
caption.right {caption-side:right} 
 
table.empty{ 
    width:350px; 
    border-collapse:separate; 
    empty-cells:hide; 

td.empty{ 
    padding:5px; 
    border-style:solid; 
    border-width:1px; 
    border-color:#999999; 

 
table.auto 

table-layout: auto 

table.fixed 

table-layout: fixed 

 
p.example1{ 
   border:1px solid; 
   border-bottom-color:#009900; 
/* Green */
 
   border-top-color:#FF0000;    
/* Red */
 
   border-left-color:#330000;   
/* Black */
 
   border-right-color:#0000CC;  
/* Blue */
 

p.example2{ 
   border:1px solid; 
   border-color:#009900;        
/* Green */
 

  
p {margin: 15px}  
all four margins will be 15px  
 
p {margin: 10px 2%}  
top and bottom margin will be 10px, left and right margin will be 2% of the 
total width of the document. 
 
 
 
p {margin: 10px 2% -10px}  
top margin will be 10px, left and right margin will be 2% of the total width of 
the document, bottom margin will be -10px    
 
p {margin: 10px 2% -10px auto}  
top margin will be 10px, right margin will be 2% of the total width of the 
document, bottom margin  will be -10px, left margin will be set by the browser  
 
a:link {color:#000000} 
 
a:visited {color: 
#006600}
 
 
a:hover {color: 
#FFCC00}
 
 
a:active {color: 
#FF00CC}
 
 
a:focus {color: 
#0000FF}
 
The :first-child pseudo-class 
The :first-child pseudo-class matches a specified element that is the first child of another 
element  and  adds  special  style  to  that  element  that  is  the  first  child  of  some  other 
element. 
To make :first-child work in IE  must be declared at the top of document. 
For  example,  to  indent  the  first  paragraph  of  all  
  elements,  you  could  use  this 
definition: 
 
div > p:first-child 

 25px; 

 


CSS 
89 
 
 
 
First paragraph in div. This paragraph will be indented 
 
 
Second paragraph in div. This paragraph will not be  indented 
 
 
But it will not match the paragraph in this HTML:
 
 

Heading

 
 
The first paragraph inside the div. 
This paragraph will not be effected. 
 
 
It will produce the following result: 
 

Download 1,69 Mb.

Do'stlaringiz bilan baham:
1   ...   88   89   90   91   92   93   94   95   ...   106




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish