Совместное использование стилей между классами CSS

В этот вопрос мне дали действительно крутой ответ на чередование изображения и его описания между левым и правым, соответственно. Теперь я хочу применить стиль к обоим, например. padding-top, padding-bottom и т. д. Как в этом сценарии применить стиль к RowStyle и AlternatingRowStyle.

<AlternatingRowStyle CssClass = "ProductAltItemStyle" />   
<RowStyle CssClass = "ProductItemStyle" />
<Columns>
    <asp:TemplateField>
        <ItemTemplate>
            <div class = "Image"><asp:Image runat = "server" ID = "productImage" ImageUrl='<%# Eval("imageUrl") %>' /></div>
            <div class = "Description"><asp:Label runat = "server" ID = "lblProductDesc" Width = "100%" Text='<%# Eval("productDesc") %>'></asp:Label></div>
        </ItemTemplate>
    </asp:TemplateField>

asp.net css

30.10.2008 20:25

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

2 136

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вот как это сделать:

.ProductAltItemStyle, .ProductItemStyle {
    // CSS Rules that apply to both go here
}

Небольшое дополнение, как прокомментировано по другому вопросу CSS, лично я думаю, что наличие разрыва строки между каждым селектором (и перед "{") является более очевидным читаемым форматом с возможностью поиска. В этом отношении форматирование блоков CSS отличается от C / C# / Java / JavaScript.

— 12.01.2009 18:39

30.10.2008 20:26

Ответ принят как подходящий

В качестве альтернативы вы можете сделать это:

<AlternatingRowStyle CssClass = "ProductAltItemStyle ProductCommonStyle" />   
<RowStyle CssClass = "ProductItemStyle ProductCommonStyle" />

ProductCommonStyle содержит форматирование, общее как для чередующихся, так и для стандартных строк.

Более того, вы можете назначить стиль для всей вашей сетки и использовать его для определения общих классов:

table.GridViewStyle tr td
{
   padding:3px 5px;
   border:1px solid gray;
}

tr.ProductAltItemStyle td
{
    background:white;
}

tr.ProductItemSTyle td
{
    background:silver;
}

Я думаю, что это, вероятно, реальный ответ на этот конкретный вопрос, а не то, что журнал изменений неверен, но я очень верю в CSS, следуя модели OO.

— 12.01.2009 18:41

30.10.2008 21:04