Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1701 (permalink)  
Старый 07.01.2016, 21:18
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

kobezzza,
и вот ещё такой вопрос: css модуль применяется к конкретному элементу, а как правильно применять стили сразу ко всем элементам? Например, для сброса стилей по умолчанию:
* {
  //
}
html, body {
  //
}
Ответить с цитированием
  #1702 (permalink)  
Старый 07.01.2016, 21:29
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

Сообщение от a26cf84d
Почему не использовать 1 атрибут, а не целый зоопарк?
Сообщение от af36c3ad
например атрибут state
я ведь только намекнул
<style>
button {
    font-size: 0.8rem;
    padding: 0.4rem 1rem 0.45rem;
    background: none;
    border: 1px solid;
    border-radius: 0.25rem;
    min-width: 9em;
    margin: 0.25rem;
}
[state=disabled]{
  color: hsl(210, 61%, 31%);
  background-color: hsla(210, 61%, 51%, 0.1);
}
[state=error]{
  color: hsla(0, 61%, 51%, 0.5);
  background: white;
}
[state=progress]{
  color: hsl(210, 61%, 31%);
  background: linear-gradient(to top right, hsl(0, 100%, 100%), hsl(0, 100%, 100%) 25%, hsl(221, 100%, 97%) 25%, hsl(221, 100%, 97%) 50%, hsl(0, 100%, 100%) 50%, hsl(0, 100%, 100%) 75%, hsl(221, 100%, 97%) 75%, hsl(221, 100%, 97%)) 0 0 / 8rem 8rem;
}
</style>
<button>Normal</button>
<button state="disabled">Disabled</button>
<button state="error">Error</button>
<button state="progress">Progress</button>

Сообщение от Safort
а причём тут css модули?
Сообщение от Safort
http://glenmaddern.com/articles/css-modules

Последний раз редактировалось Vlasenko Fedor, 07.01.2016 в 21:32.
Ответить с цитированием
  #1703 (permalink)  
Старый 07.01.2016, 21:49
Профессор
Посмотреть профиль Найти все сообщения от Mаxmaxmаximus
 
Регистрация: 29.10.2015
Сообщений: 473

Poznakomlus, красавчик

но если ты хочешь дать насколько состояний одновременно _red _warning _no-admin
Ответить с цитированием
  #1704 (permalink)  
Старый 07.01.2016, 22:07
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

Сообщение от Mаxmaxmаximus
дать насколько состояний одновременно _red _warning _no-admin
[foo] an E element with a "foo" attribute Attribute selectors 2
E[foo="bar"] an E element whose "foo" attribute value is exactly equal to "bar" Attribute selectors 2
E[foo~="bar"] an E element whose "foo" attribute value is a list of whitespace-separated values, one of which is exactly equal to "bar" Attribute selectors 2
E[foo^="bar"] an E element whose "foo" attribute value begins exactly with the string "bar" Attribute selectors 3
E[foo$="bar"] an E element whose "foo" attribute value ends exactly with the string "bar" Attribute selectors 3
E[foo*="bar"] an E element whose "foo" attribute value contains the substring "bar" Attribute selectors 3
E[foo|="en"] an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en" Attribute selectors 2
http://www.w3.org/TR/selectors/
<style>
[style*=blue]{
  color: blue
}
[style*=bold]{
  font-weight: bold
}
</style>
<label style="blue, bold">Test</label>
Ответить с цитированием
  #1705 (permalink)  
Старый 07.01.2016, 22:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Сообщение от Poznakomlus
style
Ответить с цитированием
  #1706 (permalink)  
Старый 07.01.2016, 22:14
Кандидат Javascript-наук
Отправить личное сообщение для yazonnile Посмотреть профиль Найти все сообщения от yazonnile
 
Регистрация: 25.05.2012
Сообщений: 133

Но разве селекторы по атрибутам не самые медленные?
Ответить с цитированием
  #1707 (permalink)  
Старый 07.01.2016, 22:17
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

рони,
это как бы намек на зарезервированное, я правильно понял?
Ответить с цитированием
  #1708 (permalink)  
Старый 07.01.2016, 22:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Poznakomlus,
да и в ie не сработает
Ответить с цитированием
  #1709 (permalink)  
Старый 07.01.2016, 22:32
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

style и [style] разные селекторы в ие проверял edge работает
все остальное не смотрел от меня спс, давно не мог поставить
я бы все равно написал бы примерно так _style, а может и style

Последний раз редактировалось Vlasenko Fedor, 07.01.2016 в 22:35.
Ответить с цитированием
  #1710 (permalink)  
Старый 07.01.2016, 22:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Poznakomlus,
всё что ниже edge
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смишных картинок тред megaupload Оффтопик 3448 03.07.2023 09:47
React'а тред melky Оффтопик 246 13.11.2016 08:07
Webpack'а тред nerv_ Сборка проекта, утилиты 58 07.05.2016 13:46
Смешных историй тред monolithed Оффтопик 11 04.03.2015 04:20
Смишных видео с намеком тред godofjavascript Оффтопик 4 30.12.2012 23:50