Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как использовать разные link файлы CSS для разных блоков на страницах? (https://javascript.ru/forum/xhtml-html-css/80859-kak-ispolzovat-raznye-link-fajjly-css-dlya-raznykh-blokov-na-stranicakh.html)

illusion 16.08.2020 14:27
Как использовать разные 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?

laimas 16.08.2020 15:01
Цитата:
Сообщение от 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

illusion 18.08.2020 15:48
Я пока не нашел информации, что это возможно.
В ваших ссылках ответа нет на этот вопрос.
Что значит для класса "two" прописаны стили в файле?
Если не редактировать файлы стилей, то как прописать чтобы определенный файл в link применялся только для этого определенного класса "two". При этом другие link файлы не применялись бы к этому классу.

laimas 18.08.2020 18:26
Цитата:
Сообщение от illusion
как прописать чтобы определенный файл в link применялся только для этого определенного класса "two"
В подключаемых css файлах описываются стилевые правила для элементов, которые на странице будут определяться по указанным в этом файле селекторам. Сам же файл стилей не может принадлежать какому либо элементу, и по ссылкам рассказывается как работает css, чтобы вы понимали и не ставили все с ног на голову.

illusion 19.08.2020 10:41
Значит выход :
1) копаться в огромных файлах css без особого форматирования - длиннющие строки
2) вручную самому писать сложные- красивые CSS

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


Часовой пояс GMT +3, время: 16:20.