Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: наследование CSS
 
 автор: ladan   (09.08.2012 в 09:14)   письмо автору
 
 

Здравствуйте

Почему в такой записи

div.lk table.profile input.text,textarea {
width:300px;
       background: #d1d1d1;
   background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1));
   background: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1);
   background: -moz-linear-gradient(top, #f1f1f1, #d1d1d1);
   background: -ms-linear-gradient(top, #f1f1f1, #d1d1d1);
   background: -o-linear-gradient(top, #f1f1f1, #d1d1d1);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d1d1d1',GradientType=0 ); 
     
     border:none; box-shadow:0 0 2px 1px #d1d1d1; font-size:17px; color:#666; padding:6px; cursor:pointer;    
    }


Наследование textarea распространяется не только на div.lk table.profile, но и вообще везде, где есть эта текстовая арея?

В то время как
div.lk table.profile textarea,input.text - все нормально?

  Ответить  
 
 автор: Lelik   (09.08.2012 в 09:35)   письмо автору
 
   для: ladan   (09.08.2012 в 09:14)
 

всё потому, что запятая это разделитель между указанием на блоки, а не на последние элементаы каскадности. Т. е. ваши стили можно вот так записать, будет абсолютно тоже самое:

div.lk table.profile input.text{ 
width:300px; 
       background: #d1d1d1; 
   background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1)); 
   background: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1); 
   background: -moz-linear-gradient(top, #f1f1f1, #d1d1d1); 
   background: -ms-linear-gradient(top, #f1f1f1, #d1d1d1); 
   background: -o-linear-gradient(top, #f1f1f1, #d1d1d1); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d1d1d1',GradientType=0 );  
      
     border:none; box-shadow:0 0 2px 1px #d1d1d1; font-size:17px; color:#666; padding:6px; cursor:pointer;     
    }

textarea { 
width:300px; 
       background: #d1d1d1; 
   background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1)); 
   background: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1); 
   background: -moz-linear-gradient(top, #f1f1f1, #d1d1d1); 
   background: -ms-linear-gradient(top, #f1f1f1, #d1d1d1); 
   background: -o-linear-gradient(top, #f1f1f1, #d1d1d1); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d1d1d1',GradientType=0 );  
      
     border:none; box-shadow:0 0 2px 1px #d1d1d1; font-size:17px; color:#666; padding:6px; cursor:pointer;     
    }


попробуйте написать

div.lk table.profile input.text,div.lk table.profile textarea


и почитать ещё раз о каскадности в цсс

  Ответить  
 
 автор: ladan   (09.08.2012 в 14:39)   письмо автору
 
   для: Lelik   (09.08.2012 в 09:35)
 

Спасибо, все понятно теперь!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования