Yes, you are correct. 

Though, for practical purposes, I wouldn’t generally recommend creating a class 
name called span. 

On Aug 14, 2014, at 18:21, Tom Livingston <tom...@gmail.com> wrote:

> Nice article Frank.
> 
> Just so I'm tracking this right - as I've not used this very much -
> given this example:
> 
> [class*="span"]
> 
> This means "select elements who's class contains the word 'span'". Correct?
> 
> 
> 
> On Thu, Aug 14, 2014 at 9:39 AM, Frank Taylor <pace...@madebypaceaux.com> 
> wrote:
>> Yes, that’s correct. It’s the attribute selector. Whatever goes into the 
>> brackets is an attribute, and that can be any attribute on the HTML selector.
>> 
>> Shameless self-plug: there’s some crazy stuff you can do with the attribute 
>> selector: 
>> http://blog.frankmtaylor.com/2012/04/27/css-sorcery-performing-magic-with-the-attribute-selector/
>> On Aug 14, 2014, at 0:49, John D <xfs...@hotmail.com> wrote:
>> 
>>> Just noticed that a joomla site has the following code:
>>> 
>>> [class*="span"].pull-right,
>>> .row-fluid [class*="span"].pull-right {
>>>      float: right;
>>> }
>>> 
>>> Is this correct especially th items in square brackets?
>>> 
>>> I thought the easiest way is to write something like this:
>>> 
>>> span.pull-right,
>>> .row-fluid  {
>>>      float: right;
>>> }
>>> Why are they using square brackets?
>>> 
>>> ______________________________________________________________________
>>> css-discuss [css-d@lists.css-discuss.org]
>>> http://www.css-discuss.org/mailman/listinfo/css-d
>>> List wiki/FAQ -- http://css-discuss.incutio.com/
>>> List policies -- http://css-discuss.org/policies.html
>>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>> 
>> ______________________________________________________________________
>> css-discuss [css-d@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 
> 
> 
> -- 
> 
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to