Highlighted

Quick Edit Sometimes Returns Too Many CSS Rules

New Here ,
Oct 31, 2017

Copy link to clipboard

Copied

In Adobe Dreamweaver CC v18.0, I am working on a website. I started by making a local copy of one of my client's existing websites. I am now making the changes and am far along. This website uses many (about 20) CSS files. My issue is that when I use the Quick Edit feature in DW, sometimes DW finds and presents for editing the exact CSS rule. But for some code, Quick Edit returns a panel with MANY CSS rules, when in fact only one of those rules is relevant to the bit of HTML. It is then up to me to hunt through the rules to find the relevant rule.

My hope is that there is a way to have Quick Edit home in on the correct rule. I hope one of you can provide me with guidance.

Here is a portion of my HTML:

              <div class="e18logo"> 

                  <img src="./mainlogo.png">

            </div>

And here are the relevant CSS rules which apply:

.e18logo {

     position: absolute;

     width: 100%;

     z-index: 3;

}

.e18logo img {

     width: 40%;

     display: block;

     margin: auto;

     z-index: 3;

}

Invoking Quick Edit when cursor is resting on the <div class="e18logo">  line correctly finds the .e18log rule.

However, invoking Quick Edit when cursor is resting on the <img src="./mainlogo.png"> line returns every CSS rule which includes "img".

Any help will be appreciated!

Quick edit is working correctly as it finds rules according to the css cascade.

That means it will start with rules associated with the img element first, (using your examples) as those would be more specific to the image element, with the class being less specific in the cascade.

Views

152

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Quick Edit Sometimes Returns Too Many CSS Rules

New Here ,
Oct 31, 2017

Copy link to clipboard

Copied

In Adobe Dreamweaver CC v18.0, I am working on a website. I started by making a local copy of one of my client's existing websites. I am now making the changes and am far along. This website uses many (about 20) CSS files. My issue is that when I use the Quick Edit feature in DW, sometimes DW finds and presents for editing the exact CSS rule. But for some code, Quick Edit returns a panel with MANY CSS rules, when in fact only one of those rules is relevant to the bit of HTML. It is then up to me to hunt through the rules to find the relevant rule.

My hope is that there is a way to have Quick Edit home in on the correct rule. I hope one of you can provide me with guidance.

Here is a portion of my HTML:

              <div class="e18logo"> 

                  <img src="./mainlogo.png">

            </div>

And here are the relevant CSS rules which apply:

.e18logo {

     position: absolute;

     width: 100%;

     z-index: 3;

}

.e18logo img {

     width: 40%;

     display: block;

     margin: auto;

     z-index: 3;

}

Invoking Quick Edit when cursor is resting on the <div class="e18logo">  line correctly finds the .e18log rule.

However, invoking Quick Edit when cursor is resting on the <img src="./mainlogo.png"> line returns every CSS rule which includes "img".

Any help will be appreciated!

Quick edit is working correctly as it finds rules according to the css cascade.

That means it will start with rules associated with the img element first, (using your examples) as those would be more specific to the image element, with the class being less specific in the cascade.

Views

153

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 31, 2017 0
LEGEND ,
Oct 31, 2017

Copy link to clipboard

Copied

Quick edit is working correctly as it finds rules according to the css cascade.

That means it will start with rules associated with the img element first, (using your examples) as those would be more specific to the image element, with the class being less specific in the cascade.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 31, 2017 1