When creating CSS selectors TopStyle can lookup for structure of HTML markup and suggest appropriate HTML structure.
This is already implemented in Microsoft Sharepoint Designer and Microsoft Expression Web for many years.
You can test this feature here for free (only via Internet Explorer).
I created animated GIF to show how it works.
Intellisense for writting CSS selectors
-
- Rank II - Novice
- Posts: 23
- Joined: Mon Feb 28, 2011 7:41 pm
-
- Rank VI - Professional
- Posts: 506
- Joined: Sat Jun 13, 2009 12:38 pm
Re: Intellisense for writting CSS selectors
I'm planning this for TopStyle 5
-
- Rank VI - Professional
- Posts: 506
- Joined: Sat Jun 13, 2009 12:38 pm
Re: Intellisense for writting CSS selectors
I have added this to TopStyle version 5.0.0.30.
-
- Rank II - Novice
- Posts: 23
- Joined: Mon Feb 28, 2011 7:41 pm
Re: Intellisense for writting CSS selectors
Great!
Testing...
Testing...
-
- Rank II - Novice
- Posts: 23
- Joined: Mon Feb 28, 2011 7:41 pm
Re: Intellisense for writting CSS selectors
This is a good start, I can say.
Current TopStyle's implementation lacks HTML hierarchy awareness and suggests all known tags every time. But it has awareness of all IDs and classes in the document (disregards real IDs and classes owners).
Ideally Intellisense should suggest HTML structure and after that full list of known HTML tags.
p.|
===============
.one
.two
===============
p |
===============
em
span
---------------------
a
abbr
acronym
...
===============
div |
===============
a
abbr
acronym
...
===============
.two |
===============
em
---------------------
a
abbr
acronym
...
===============
Current TopStyle's implementation lacks HTML hierarchy awareness and suggests all known tags every time. But it has awareness of all IDs and classes in the document (disregards real IDs and classes owners).
Ideally Intellisense should suggest HTML structure and after that full list of known HTML tags.
Code: Select all
<p class="one"><span>test</span></p>
<p class="two"><em>test</em><p>
<div class="three">test</div>
===============
.one
.two
===============
p |
===============
em
span
---------------------
a
abbr
acronym
...
===============
div |
===============
a
abbr
acronym
...
===============
.two |
===============
em
---------------------
a
abbr
acronym
...
===============