Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.08.2020, 14:27
Интересующийся
Отправить личное сообщение для illusion Посмотреть профиль Найти все сообщения от illusion
 
Регистрация: 01.02.2020
Сообщений: 22

Как использовать разные link файлы CSS для разных блоков на страницах?
Имеются 3 внешних файла таблиц стилей:
<head>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"><link rel="stylesheet"
 href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
</head>


На странице имеются блоки, например :
<div class="one"></div>

 <div class="two"></div>

Есть ли способ применения первых 2х файлов CSS к одному блоку (<div class="one">), а 3-ий к другому <div class="two"> ?
Или какой нибудь другой способ реализовать такую функциональность?

В
<p style="font-size: 120%; font-family: monospace; color: #cd66cc">Пример текста</p>
вместо style нельзя же засунуть файл css?
Ответить с цитированием
  #2 (permalink)  
Старый 16.08.2020, 15:01
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от illusion
вместо style нельзя же засунуть файл css?
То что в атрибуте style вообще к css-файлам и даже css на странице отношения не имеет.

Если для класса "two" стили прописаны в третьем файле, то они и будут использованы. Вопрос странный "Есть ли способ применения первых 2х файлов CSS к одному блоку"

https://developer.mozilla.org/ru/doc.../How_CSS_works
http://htmlbook.ru/samcss/sposoby-do...y-na-stranitsu
Ответить с цитированием
  #3 (permalink)  
Старый 18.08.2020, 15:48
Интересующийся
Отправить личное сообщение для illusion Посмотреть профиль Найти все сообщения от illusion
 
Регистрация: 01.02.2020
Сообщений: 22

Я пока не нашел информации, что это возможно.
В ваших ссылках ответа нет на этот вопрос.
Что значит для класса "two" прописаны стили в файле?
Если не редактировать файлы стилей, то как прописать чтобы определенный файл в link применялся только для этого определенного класса "two". При этом другие link файлы не применялись бы к этому классу.
Ответить с цитированием
  #4 (permalink)  
Старый 18.08.2020, 18:26
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от illusion
как прописать чтобы определенный файл в link применялся только для этого определенного класса "two"
В подключаемых css файлах описываются стилевые правила для элементов, которые на странице будут определяться по указанным в этом файле селекторам. Сам же файл стилей не может принадлежать какому либо элементу, и по ссылкам рассказывается как работает css, чтобы вы понимали и не ставили все с ног на голову.
Ответить с цитированием
  #5 (permalink)  
Старый 19.08.2020, 10:41
Интересующийся
Отправить личное сообщение для illusion Посмотреть профиль Найти все сообщения от illusion
 
Регистрация: 01.02.2020
Сообщений: 22

Значит выход :
1) копаться в огромных файлах css без особого форматирования - длиннющие строки
2) вручную самому писать сложные- красивые CSS
Ответить с цитированием
  #6 (permalink)  
Старый 19.08.2020, 10:58
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от illusion
вручную самому писать сложные- красивые CSS
Если лень, страшно или не понятно, есть визуальные редакторы.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Разные CSS от размеров браузера, как сделать? xotabhik Общие вопросы Javascript 3 12.07.2010 14:03
Как использовать спрайты для Inline-блоков в качестве фона в IE6? Nominus umbra (X)HTML/CSS 2 11.06.2010 21:58
isDefaultSelected - как ее использовать для...? Semen Events/DOM/Window 2 25.08.2009 20:13
Как изменить скрипт, что бы им его можно было использовать для нужной страницы Nick50_70 Общие вопросы Javascript 0 28.04.2009 23:30