Всем привет, возник вопрос касамое CSS. Использую плагин Quick Index, он некорректно отображает h3 заголовки:
https://ibb.co/DRjZ00T . В CSS выяснил где код править но за это отвечает графа ol
а именно:
/* =============== DEFAULT HTML - TEXT STYLES =============== */
p, pre, blockquote, form, dl, ul, ol, fieldset, address, table {
padding: 0;
margin: 10px 0px;}
p:first-child,
blockquote:first-child,
form:first-child,
dl:first-child,
ul:first-child,
ol:first-child,
fieldset:first-child,
address:first-child,
table:first-child {
margin-top: 5px;
}
p:last-child,
blockquote:last-child,
form:last-child,
dl:last-child,
ul:last-child,
ol:last-child,
fieldset:last-child,
address:last-child,
table:last-child {
margin-bottom: 5px;
}
fieldset {
padding: 0;
border: 0 none;
margin: 0;
}
small {
font-size: .85em;
}
sup {
bottom: 0.3em;
font-size: .8em;
position: relative;
vertical-align: baseline;
}
sup em {
color: red;
}
acronym, abbr {
cursor: help;
letter-spacing: 1px;
border-bottom: 1px dashed;
}
pre {
padding: 1em;
background: #FFFFD5;
border: none;
border-left: 5px solid #555;
font-family: "Courier New",Courier,monospace;
}
blockquote {
color: #404040;
border: none;
min-height: 45px;
font-style: italic;
padding: 2px 0 5px 60px;
background: #EEE url(../images/icons/icon-text-blockquote.png) left top no-repeat;
}
blockquote p {
font-size: 1em;
line-height: inherit;
}
но изменив на
margin: 10px 33px; стили стали как надо но двинулись другие элементы на странице.
Решил изменить непосредственно параметр этого ol путем изменения CSS, я с выше указанного кода удалил все строки где есть ol.
И создал вот такой блок ниже
/* =============== DEFAULT HTML - OL STYLES =============== */
ol {
padding: 0;
margin: 10px 33;
}
ol:first-child {
margin-top: 5px;
}
ol:last-child {
margin-bottom: 5px;
}
Все работает как надо, теперь, но вопрос с точки зрения CSS, можно ли так делать?
То просматривая код в том месте теперь это все выглядит так:
https://ibb.co/tYSg18z То что перечеркнуто, меня как то смущает
23.08.2019, 16:51:41